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

{% block page_title %}مدیریت رزروها{% endblock %}

{% block content %}
<div class="d-flex justify-content-between align-items-center mb-4">
    <h5 class="fw-bold"><i class="fas fa-calendar-check" style="color:#c41e3a;"></i> لیست رزروها</h5>
</div>

<div class="table-responsive table-admin">
    <table class="table table-hover">
        <thead>
            <tr>
                <th>شماره</th>
                <th>کاربر</th>
                <th>سرویس</th>
                <th>تاریخ</th>
                <th>ساعت</th>
                <th>وضعیت</th>
                <th>پرداخت</th>
                <th>عملیات</th>
            </tr>
        </thead>
        <tbody>
            {% for booking in bookings %}
            <tr>
                <td><span class="badge bg-secondary">{{ booking.booking_number }}</span></td>
                <td>{{ booking.user.fullname }}</td>
                <td>{{ booking.service.title }}</td>
                <td>{{ booking.scheduled_date|persian_date }}</td>
                <td>{{ booking.scheduled_time.strftime('%H:%M') }}</td>
                <td>
                    <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>
                </td>
                <td>
                    <span class="badge bg-{% if booking.payment_status == 'paid' %}success{% elif booking.payment_status == 'pending' %}warning{% else %}danger{% endif %}">
                        {% if booking.payment_status == 'paid' %}پرداخت شده
                        {% elif booking.payment_status == 'pending' %}در انتظار
                        {% else %}ناموفق{% endif %}
                    </span>
                </td>
                <td>
                    <div class="btn-group btn-group-sm">
                        <a href="{{ url_for('admin_booking_detail', id=booking.id) }}" class="btn btn-outline-info" title="جزئیات">
                            <i class="fas fa-eye"></i>
                        </a>
                        <a href="{{ url_for('admin_booking_status', id=booking.id) }}" class="btn btn-outline-warning" title="تغییر وضعیت">
                            <i class="fas fa-sync"></i>
                        </a>
                    </div>
                </td>
            </tr>
            {% endfor %}
        </tbody>
    </table>
</div>
{% endblock %}