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

{% block title %}Přehled poskytovatele - HomeHelper{% endblock %}

{% block body %}
    <section class="admin-header">
        <div class="container">
            <div class="admin-header-content">
                <div>
                    <h1>Vítejte, {{ serviceProvider.user.firstName }}!</h1>
                    <p>Spravujte svůj profil, služby a rezervace</p>
                </div>
                <div class="admin-header-actions">
                    <a href="{{ path('app_provider_profile_edit') }}" class="btn btn-secondary">Upravit profil</a>
                    <a href="{{ path('app_logout') }}" class="btn btn-outline">Odhlásit se</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 active">
                            <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">
                            <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="stats-grid">
                        <div class="stat-card">
                            <div class="stat-icon">📋</div>
                            <div class="stat-content">
                                <h3>{{ stats.total_bookings }}</h3>
                                <p>Celkem rezervací</p>
                            </div>
                        </div>
                        <div class="stat-card">
                            <div class="stat-icon">⏳</div>
                            <div class="stat-content">
                                <h3>{{ stats.pending_bookings }}</h3>
                                <p>Čekající rezervace</p>
                            </div>
                        </div>
                        <div class="stat-card">
                            <div class="stat-icon">✅</div>
                            <div class="stat-content">
                                <h3>{{ stats.completed_bookings }}</h3>
                                <p>Dokončeno</p>
                            </div>
                        </div>
                        <div class="stat-card">
                            <div class="stat-icon">⭐</div>
                            <div class="stat-content">
                                <h3>{{ stats.average_rating }}</h3>
                                <p>Průměrné hodnocení ({{ stats.total_reviews }} recenzí)</p>
                            </div>
                        </div>
                    </div>

                    <div class="admin-section">
                        <div class="section-header">
                            <h2>Souhrn vašeho profilu</h2>
                            <a href="{{ path('app_provider_profile_edit') }}" class="btn btn-small btn-primary">Upravit profil</a>
                        </div>
                        <div class="profile-summary-card">
                            <div class="profile-summary-row">
                                <span class="label">Jméno:</span>
                                <span class="value">{{ serviceProvider.user.fullName }}</span>
                            </div>
                            <div class="profile-summary-row">
                                <span class="label">Email:</span>
                                <span class="value">{{ serviceProvider.user.email }}</span>
                            </div>
                            <div class="profile-summary-row">
                                <span class="label">Telefon:</span>
                                <span class="value">{{ serviceProvider.user.phone ?? 'Nenastaveno' }}</span>
                            </div>
                            <div class="profile-summary-row">
                                <span class="label">Zkušenosti:</span>
                                <span class="value">{{ serviceProvider.yearsOfExperience }} {{ serviceProvider.yearsOfExperience == 1 ? 'rok' : (serviceProvider.yearsOfExperience < 5 ? 'roky' : 'let') }}</span>
                            </div>
                            <div class="profile-summary-row">
                                <span class="label">Hodinová sazba:</span>
                                <span class="value">{{ serviceProvider.hourlyRate }} Kč/hodina</span>
                            </div>
                        </div>
                    </div>

                    <div class="admin-section">
                        <div class="section-header">
                            <h2>Vaše služby</h2>
                            <a href="{{ path('app_provider_services_manage') }}" class="btn btn-small btn-primary">Správa služeb</a>
                        </div>
                        <div class="services-summary">
                            {% if serviceProvider.serviceProviderServices|length > 0 %}
                                <div class="services-tags">
                                    {% for sps in serviceProvider.serviceProviderServices %}
                                        <span class="service-tag">
                                            {{ sps.service.icon }} {{ sps.service.name }}
                                        </span>
                                    {% endfor %}
                                </div>
                            {% else %}
                                <p class="no-data">Zatím jste nepřidali žádné služby.</p>
                            {% endif %}
                        </div>
                    </div>

                    <div class="admin-section">
                        <div class="section-header">
                            <h2>Nedávné rezervace</h2>
                            <a href="{{ path('app_provider_bookings') }}" class="btn btn-small btn-secondary">Zobrazit vše</a>
                        </div>
                        {% if bookings|length > 0 %}
                            <div class="bookings-table">
                                <table>
                                    <thead>
                                        <tr>
                                            <th>Datum</th>
                                            <th>Zákazník</th>
                                            <th>Služba</th>
                                            <th>Hodiny</th>
                                            <th>Částka</th>
                                            <th>Stav</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        {% for booking in bookings %}
                                            <tr>
                                                <td>{{ booking.serviceDate|date('d.m.Y') }}</td>
                                                <td>{{ booking.customerName }}</td>
                                                <td>{{ booking.service.name }}</td>
                                                <td>{{ booking.hours }}h</td>
                                                <td>{{ booking.totalPrice }} Kč</td>
                                                <td>
                                                    <span class="badge badge-{{ booking.status }}">
                                                        {{ booking.status|title }}
                                                    </span>
                                                </td>
                                            </tr>
                                        {% endfor %}
                                    </tbody>
                                </table>
                            </div>
                        {% else %}
                            <p class="no-data">Zatím žádné rezervace.</p>
                        {% endif %}
                    </div>
                </main>
            </div>
        </div>
    </section>
{% endblock %}