{% extends "admin/layout.html" %}

{% block page_title %}جزئیات رزرو{% endblock %}

{% block content %}
<div class="row g-4">
    <div class="col-md-8">
        <div class="stat-card">
            <h5 class="fw-bold mb-3"><i class="fas fa-info-circle" style="color:#c41e3a;"></i> اطلاعات رزرو</h5>
            <div class="row g-3">
                <div class="col-md-6">
                    <label class="text-secondary small">شماره رزرو</label>
                    <p class="fw-bold">{{ booking.booking_number }}</p>
                </div>
                <div class="col-md-6">
                    <label class="text-secondary small">وضعیت</label>
                    <p>
                        <span class="badge bg-{{ booking.get_status_color() }}">
                            {% if booking.status == 'pending' %}در انتظار
                            {% elif booking.status == 'confirmed' %}تایید شده
                            {% elif booking.status == 'in_progress' %}در حال انجام
                            {% elif booking.status == 'completed' %}تکمیل شده
                            {% elif booking.status == 'cancelled' %}لغو شده
                            {% endif %}
                        </span>
                    </p>
                </div>
                <div class="col-md-6">
                    <label class="text-secondary small">کاربر</label>
                    <p><a href="{{ url_for('admin_user_edit', id=booking.user.id) }}">{{ booking.user.fullname }}</a></p>
                </div>
                <div class="col-md-6">
                    <label class="text-secondary small">سرویس</label>
                    <p>{{ booking.service.title }}</p>
                </div>
                <div class="col-md-6">
                    <label class="text-secondary small">تاریخ</label>
                    <p>{{ booking.scheduled_date|persian_date }}</p>
                </div>
                <div class="col-md-6">
                    <label class="text-secondary small">ساعت</label>
                    <p>{{ booking.scheduled_time.strftime('%H:%M') }}</p>
                </div>
                <div class="col-12">
                    <label class="text-secondary small">آدرس</label>
                    <p>{{ booking.address }}</p>
                </div>
                <div class="col-12">
                    <label class="text-secondary small">توضیحات</label>
                    <p>{{ booking.description|default('ندارد') }}</p>
                </div>
                <div class="col-md-6">
                    <label class="text-secondary small">پرداخت</label>
                    <p>
                        <span class="badge bg-{% if booking.payment_status == 'paid' %}success{% else %}warning{% endif %}">
                            {% if booking.payment_status == 'paid' %}پرداخت شده{% else %}در انتظار{% endif %}
                        </span>
                    </p>
                </div>
                <div class="col-md-6">
                    <label class="text-secondary small">مبلغ</label>
                    <p>{{ booking.estimated_price|default(0)|persian_numbers }} تومان</p>
                </div>
                {% if booking.technician %}
                <div class="col-12">
                    <label class="text-secondary small">تکنسین</label>
                    <p><a href="{{ url_for('admin_technician_edit', id=booking.technician.id) }}">{{ booking.technician.fullname }}</a></p>
                </div>
                {% endif %}
                {% if booking.technician_notes %}
                <div class="col-12">
                    <label class="text-secondary small">یادداشت تکنسین</label>
                    <p>{{ booking.technician_notes }}</p>
                </div>
                {% endif %}
            </div>
        </div>
    </div>
    
    <div class="col-md-4">
        <div class="stat-card">
            <h5 class="fw-bold mb-3"><i class="fas fa-cog" style="color:#c41e3a;"></i> عملیات</h5>
            <form method="POST" action="{{ url_for('admin_booking_status', id=booking.id) }}">
                <div class="mb-3">
                    <label class="form-label">تغییر وضعیت</label>
                    <select name="status" class="form-select">
                        <option value="pending" {% if booking.status == 'pending' %}selected{% endif %}>در انتظار</option>
                        <option value="confirmed" {% if booking.status == 'confirmed' %}selected{% endif %}>تایید شده</option>
                        <option value="in_progress" {% if booking.status == 'in_progress' %}selected{% endif %}>در حال انجام</option>
                        <option value="completed" {% if booking.status == 'completed' %}selected{% endif %}>تکمیل شده</option>
                        <option value="cancelled" {% if booking.status == 'cancelled' %}selected{% endif %}>لغو شده</option>
                    </select>
                </div>
                <div class="mb-3">
                    <label class="form-label">یادداشت تکنسین</label>
                    <textarea name="technician_notes" class="form-control" rows="3">{{ booking.technician_notes }}</textarea>
                </div>
                <button type="submit" class="btn-admin-primary w-100">
                    <i class="fas fa-save"></i> ذخیره تغییرات
                </button>
            </form>
            <hr>
            <a href="{{ url_for('admin_bookings') }}" class="btn btn-secondary w-100">بازگشت به لیست</a>
        </div>
    </div>
</div>
{% endblock %}