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

{% block title %}Rezervace úspěšná - HodinováManželka{% endblock %}

{% block body %}
    <section class="page-header">
        <div class="container">
            <h1>✓ Žádost o rezervaci odeslána</h1>
            <p>Děkujeme že jste si vybrali HodinováManželka!</p>
        </div>
    </section>

    <section class="booking-success">
        <div class="container">
            <div class="success-card">
                <div class="success-icon">✓</div>
                <h2>Vaše žádost o rezervaci byla přijata!</h2>
                <p class="success-message">Vaši žádost zkontrolujeme a odešleme potvrzení na <strong>{{ booking.customerEmail }}</strong> během 24 hodin.</p>

                <div class="booking-details">
                    <h3>Detaily rezervace</h3>
                    <div class="detail-row">
                        <span class="detail-label">Číslo rezrvace:</span>
                        <span class="detail-value">#{{ booking.id }}</span>
                    </div>
                    <div class="detail-row">
                        <span class="detail-label">Manželka:</span>
                        <span class="detail-value">{{ booking.serviceProvider.fullName }}</span>
                    </div>
                    <div class="detail-row">
                        <span class="detail-label">Služby:</span>
                        <span class="detail-value">{{ booking.service.name }}</span>
                    </div>
                    <div class="detail-row">
                        <span class="detail-label">Datum:</span>
                        <span class="detail-value">{{ booking.serviceDate|date('F j, Y') }}</span>
                    </div>
                    <div class="detail-row">
                        <span class="detail-label">Čas:</span>
                        <span class="detail-value">{{ booking.serviceTime|date('g:i A') }}</span>
                    </div>
                    <div class="detail-row">
                        <span class="detail-label">Dobatrvání:</span>
                        <span class="detail-value">{{ booking.hours }} hours</span>
                    </div>
                    <div class="detail-row total">
                        <span class="detail-label">Celková cena:</span>
                        <span class="detail-value">${{ booking.totalPrice }}</span>
                    </div>
                </div>

                <div class="success-actions">
                    <a href="{{ path('app_services') }}" class="btn btn-secondary">Prozkoumat další manželky</a>
                    <a href="{{ path('app_home') }}" class="btn btn-primary">Zpět na domovskou stránku</a>
                </div>
            </div>
        </div>
    </section>
{% endblock %}