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

{% block title %}Buchung erfolgreich{% endblock %}

{% block content %}
    <div class="max-w-2xl mx-auto text-center py-12">
        <h1 class="text-3xl font-bold mb-4">Buchung erfolgreich abgeschlossen</h1>

        <p class="text-xl mb-8">
            Deine Buchungsnummer lautet <strong class="font-mono">{{ bookingNumber }}</strong>
        </p>

        <div class="bg-blue-50 border border-blue-200 rounded-lg p-6 mb-8">
            <p class="text-gray-700">
                Du erhältst in Kürze eine Bestätigungs-E-Mail mit allen Details zu Deiner Buchung.
            </p>
        </div>

        {% if app.user %}
            {# Authenticated user - show account-related actions #}
            <div class="space-y-4">
                <a href="{{ path('app_personal_data') }}" class="button bg-button bg-button--primary inline-block">
                    Zu meinen persönlichen Daten
                </a>
                <a href="{{ path('app_bookings') }}" class="button bg-button bg-button--secondary inline-block ml-2">
                    Meine Buchungen anzeigen
                </a>
                <a href="{{ path('app_logout') }}" class="button bg-button bg-button--outline inline-block ml-2">
                    Abmelden
                </a>
            </div>
        {% else %}
            {# Guest user - show simple homepage link #}
            <a href="https://www.ep-reisen.de" class="button bg-button bg-button--primary">
                Zurück zur Startseite
            </a>
        {% endif %}
    </div>
{% endblock %}