{% extends 'base.html' %}

{% block title %}Панель администратора — Конференции.РФ{% endblock %}

{% block content %}
<div class="container py-4">
    <div class="d-flex justify-content-between align-items-center mb-4 fade-in">
        <h3 class="fw-bold mb-0">
            <i class="fas fa-shield-alt me-2 text-primary"></i>Панель администратора
        </h3>
        <span class="badge bg-primary fs-6">Всего заявок: {{ bookings|length }}</span>
    </div>

    <div class="card border-0 shadow-sm fade-in">
        <div class="card-body">
            {% if bookings %}
                <div class="table-responsive">
                    <table class="table table-hover align-middle">
                        <thead class="table-light">
                            <tr>
                                <th>#</th>
                                <th>Пользователь</th>
                                <th>Помещение</th>
                                <th>Дата</th>
                                <th>Оплата</th>
                                <th>Статус</th>
                                <th>Действие</th>
                            </tr>
                        </thead>
                        <tbody>
                            {% for b in bookings %}
                            <tr>
                                <td>{{ b.id }}</td>
                                <td>{{ b.user.full_name }}<br><small class="text-muted">{{ b.user.login }}</small></td>
                                <td>{{ b.room.name }}</td>
                                <td>{{ b.event_date }}</td>
                                <td>{{ b.payment_method }}</td>
                                <td>
                                    {% if b.status == 'Новая' %}
                                        <span class="badge bg-warning text-dark">{{ b.status }}</span>
                                    {% elif b.status == 'Мероприятие назначено' %}
                                        <span class="badge bg-primary">{{ b.status }}</span>
                                    {% else %}
                                        <span class="badge bg-success">{{ b.status }}</span>
                                    {% endif %}
                                </td>
                                <td>
                                    <form method="POST" action="{{ url_for('change_status', booking_id=b.id) }}" class="d-inline">
                                        <select name="status" class="form-select form-select-sm d-inline-block w-auto" onchange="this.form.submit()">
                                            <option value="Новая" {% if b.status == 'Новая' %}selected{% endif %}>Новая</option>
                                            <option value="Мероприятие назначено" {% if b.status == 'Мероприятие назначено' %}selected{% endif %}>Мероприятие назначено</option>
                                            <option value="Мероприятие завершено" {% if b.status == 'Мероприятие завершено' %}selected{% endif %}>Мероприятие завершено</option>
                                        </select>
                                    </form>
                                </td>
                            </tr>
                            {% endfor %}
                        </tbody>
                    </table>
                </div>
            {% else %}
                <div class="text-center py-5 text-muted">
                    <i class="fas fa-inbox fa-3x mb-3"></i>
                    <p>Заявок пока нет</p>
                </div>
            {% endif %}
        </div>
    </div>
</div>
{% endblock %}