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

{% block title %}Wartelistenangebot{% endblock %}

{% block body %}
<div class="container py-5">
    <div class="card shadow-sm mx-auto" style="max-width: 720px;">
        <div class="card-body p-4 p-md-5 text-center">
            {% if success %}
                <i class="fas fa-check-circle text-success fa-3x mb-3"></i>
                <h1 class="h3">Platz erfolgreich angenommen</h1>
                <p>
                    Ihre Buchung für <strong>{{ booking.course.name }}</strong> ist jetzt vorgemerkt.
                    Die Zahlungsinformationen wurden per E-Mail versendet.
                </p>
            {% elseif state == 'offer' %}
                <i class="fas fa-user-clock text-primary fa-3x mb-3"></i>
                <h1 class="h3">Platz verbindlich annehmen</h1>
                <p>
                    Für <strong>{{ booking.course.name }}</strong> ist ein Platz für Ihre vollständige
                    Buchung reserviert. Das Angebot gilt bis
                    <strong>{{ booking.offerUntil|date('d.m.Y H:i') }} Uhr</strong>.
                </p>
                <form method="post" action="{{ path('course_booking_waitlist_claim', {token: token}) }}">
                    <input type="hidden" name="_token" value="{{ csrf_token('course_waitlist_claim_' ~ token) }}">
                    <button class="btn btn-success" type="submit">Platz jetzt annehmen</button>
                </form>
            {% elseif state == 'expired' %}
                <i class="fas fa-clock text-warning fa-3x mb-3"></i>
                <h1 class="h3">Das Angebot ist abgelaufen</h1>
                <p>Der Platz wurde wieder freigegeben und der Warteliste erneut angeboten.</p>
            {% else %}
                <i class="fas fa-exclamation-circle text-danger fa-3x mb-3"></i>
                <h1 class="h3">Angebot nicht verfügbar</h1>
                <p>Der Link ist ungültig oder das Angebot wurde bereits verwendet.</p>
            {% endif %}
            <a class="btn btn-outline-primary mt-3" href="{{ path('event_center_booking_step1') }}">Zur Kursauswahl</a>
        </div>
    </div>
</div>
{% endblock %}