{% 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>

        <a href="https://www.ep-reisen.de" class="button bg-button bg-button--primary">
            Zurück zur Startseite
        </a>
    </div>
{% endblock %}