{% extends 'base.html.twig' %}

{% block title %}Moje rezervace - Přehled poskytovatele{% endblock %}

{% block body %}
    <section class="admin-header">
        <div class="container">
            <div class="admin-header-content">
                <div>
                    <h1>Moje rezervace</h1>
                    <p>Zobrazte a spravujte všechny rezervace svých zákazníků</p>
                </div>
                <div class="admin-header-actions">
                    <a href="{{ path('app_provider_dashboard') }}" class="btn btn-secondary">Zpět na přehled</a>
                </div>
            </div>
        </div>
    </section>

    <section class="admin-content">
        <div class="container">
            <div class="admin-grid">
                <aside class="admin-sidebar">
                    <nav class="admin-nav">
                        <a href="{{ path('app_provider_dashboard') }}" class="admin-nav-item">
                            <span class="nav-icon">📊</span>
                            Přehled
                        </a>
                        <a href="{{ path('app_provider_profile_edit') }}" class="admin-nav-item">
                            <span class="nav-icon">👤</span>
                            Upravit profil
                        </a>
                        <a href="{{ path('app_provider_services_manage') }}" class="admin-nav-item">
                            <span class="nav-icon">🛠️</span>
                            Správa služeb
                        </a>
                        <a href="{{ path('app_provider_bookings') }}" class="admin-nav-item active">
                            <span class="nav-icon">📅</span>
                            Moje rezervace
                        </a>
                        <a href="{{ path('app_staff_detail', {id: serviceProvider.id}) }}" class="admin-nav-item">
                            <span class="nav-icon">🏠</span>
                            Zobrazit profil
                        </a>
                    </nav>
                </aside>

                <main class="admin-main">
                    <div class="admin-section">
                        <h2>Všechny rezervace</h2>
                        {% if bookings|length > 0 %}
                            <div class="bookings-table">
                                <table>
                                    <thead>
                                        <tr>
                                            <th>ID</th>
                                            <th>Datum a čas</th>
                                            <th>Zákazník</th>
                                            <th>Kontakt</th>
                                            <th>Služba</th>
                                            <th>Doba trvání</th>
                                            <th>Částka</th>
                                            <th>Stav</th>
                                            <th>Rezervováno</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        {% for booking in bookings %}
                                            <tr>
                                                <td>#{{ booking.id }}</td>
                                                <td>
                                                    {{ booking.serviceDate|date('d.m.Y') }}<br>
                                                    <small>{{ booking.serviceTime|date('H:i') }}</small>
                                                </td>
                                                <td>{{ booking.customerName }}</td>
                                                <td>
                                                    <small>{{ booking.customerEmail }}</small><br>
                                                    <small>{{ booking.customerPhone }}</small>
                                                </td>
                                                <td>{{ booking.service.name }}</td>
                                                <td>{{ booking.hours }} {{ booking.hours == 1 ? 'hodina' : (booking.hours < 5 ? 'hodiny' : 'hodin') }}</td>
                                                <td><strong>{{ booking.totalPrice }} Kč</strong></td>
                                                <td>
                                                    <span class="badge badge-{{ booking.status }}">
                                                        {{ booking.status|title }}
                                                    </span>
                                                </td>
                                                <td><small>{{ booking.createdAt|date('d.m.Y') }}</small></td>
                                            </tr>
                                        {% endfor %}
                                    </tbody>
                                </table>
                            </div>
                        {% else %}
                            <div class="no-bookings-state">
                                <div class="empty-icon">📅</div>
                                <h3>Zatím žádné rezervace</h3>
                                <p>Jakmile si zákazníci zarezervují vaše služby, objeví se zde. Ujistěte se, že je váš profil kompletní a máte vybrané služby!</p>
                                <div class="empty-actions">
                                    <a href="{{ path('app_provider_services_manage') }}" class="btn btn-primary">Správa služeb</a>
                                    <a href="{{ path('app_provider_profile_edit') }}" class="btn btn-secondary">Upravit profil</a>
                                </div>
                            </div>
                        {% endif %}
                    </div>
                </main>
            </div>
        </div>
    </section>
{% endblock %}