{% extends 'fisch_booking/_layout.html.twig' %}

{% block title %}Anmeldung stornieren – Fit wie ein Fisch{% endblock %}

{% block hero %}{% endblock %}

{% block content %}
<div class="fisch-page">
    {% if done %}
        <div class="fisch-card text-center py-5">
            <div class="text-success mb-3" style="font-size: 3rem;">
                <i class="fas fa-circle-check"></i>
            </div>
            <h1 class="h3">Anmeldung storniert</h1>
            {% if registration %}
                <p class="mb-2">
                    Die Anmeldung von <strong>{{ registration.childFullName }}</strong>
                    {% if registration.course %}
                        für <strong>{{ registration.course.pool.name }}</strong>
                        um <strong>{{ registration.course.startTimeFormatted }}</strong> Uhr
                    {% endif %}
                    wurde storniert.
                </p>
            {% endif %}
            <p class="text-muted">Eine Bestätigung erhalten Sie per E-Mail.</p>
            <a href="{{ path('fisch_booking_landing') }}" class="fisch-btn-primary mt-3">
                <i class="fas fa-home"></i> Zur Startseite
            </a>
        </div>
    {% elseif registration is null %}
        <div class="fisch-card text-center py-5">
            <div class="text-danger mb-3" style="font-size: 3rem;">
                <i class="fas fa-circle-exclamation"></i>
            </div>
            <h1 class="h3">Stornierung nicht möglich</h1>
            <p class="text-muted">{{ error }}</p>
            <a href="{{ path('fisch_booking_landing') }}" class="fisch-btn-primary mt-3">
                <i class="fas fa-home"></i> Zur Startseite
            </a>
        </div>
    {% else %}
        <div class="fisch-card">
            <h1 class="h3 mb-3">Anmeldung stornieren</h1>

            {% if error %}
                <div class="alert alert-danger">{{ error }}</div>
            {% endif %}

            <p>
                Möchten Sie die Anmeldung von <strong>{{ registration.childFullName }}</strong>
                {% if registration.course %}
                    für <strong>{{ registration.course.pool.name }}</strong>
                    um <strong>{{ registration.course.startTimeFormatted }}</strong> Uhr
                {% endif %}
                wirklich stornieren?
            </p>
            <p class="text-muted">
                Der Platz wird freigegeben und ggf. an die Warteliste weitergegeben.
            </p>

            <form method="post" action="{{ path('fisch_booking_cancel') }}" class="mt-4">
                <input type="hidden" name="token" value="{{ token }}">
                <div class="d-flex flex-wrap gap-2">
                    <button type="submit" class="fisch-btn-primary">
                        <i class="fas fa-ban"></i> Ja, Anmeldung stornieren
                    </button>
                    <a href="{{ path('fisch_booking_landing') }}" class="fisch-btn-outline">Abbrechen</a>
                </div>
            </form>
        </div>
    {% endif %}
</div>
{% endblock %}