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

{% block title %}Plätze buchen – Fit wie ein Fisch{% endblock %}

{% block hero %}{% endblock %}

{% block content %}
<div class="fisch-page">
    {% if bulk 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">Link nicht gefunden</h1>
            <p class="text-muted">{{ error }}</p>
        </div>
    {% elseif done %}
        <div class="fisch-card py-5">
            <div class="text-success mb-3 text-center" style="font-size: 3rem;">
                <i class="fas fa-circle-check"></i>
            </div>
            <h1 class="h3 text-center">Plätze gebucht</h1>
            <p class="text-center">
                {{ bulk.reservedSlots }} Plätze im {{ bulk.course.pool.name }} um
                {{ bulk.course.startTimeFormatted }} Uhr sind für
                {{ bulk.institutionName ?: 'Ihre Einrichtung' }} reserviert.
            </p>
            <p class="text-muted text-center">
                Die Anmeldelinks für die Eltern haben wir an
                <strong>{{ bulk.institutionEmail }}</strong> geschickt. Bitte geben Sie je einen
                Link an eine Familie weiter — jeder Link gilt für ein Kind.
            </p>

            <hr>
            <h2 class="h6">Die Links im Überblick</h2>
            <ul class="small">
                {% for link in bulk.links %}
                    <li>
                        {{ link.childLabel }}:
                        <code>{{ url('fisch_booking_bulk_parent', {token: link.token}) }}</code>
                        {% if link.used %}<span class="badge bg-success">genutzt</span>{% endif %}
                    </li>
                {% endfor %}
            </ul>
        </div>
    {% else %}
        <div class="fisch-card">
            <h1 class="h3 mb-3">Kursplätze für Ihre Einrichtung buchen</h1>

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

            {% if introText %}
                <p>{{ introText|nl2br }}</p>
            {% endif %}

            <ul>
                <li><strong>Schwimmbad:</strong> {{ bulk.course.pool.name }}</li>
                <li><strong>Uhrzeit:</strong> {{ bulk.course.startTimeFormatted }} Uhr</li>
                <li><strong>Altersgruppe:</strong> {{ bulk.course.ageGroupLabel }}</li>
                <li><strong>Reservierte Plätze:</strong> {{ bulk.reservedSlots }}</li>
                {% if bulk.expiresAt %}
                    <li><strong>Reserviert bis:</strong> {{ bulk.expiresAt|date('d.m.Y') }}</li>
                {% endif %}
            </ul>

            <form method="post">
                {% include 'fisch_booking/_dynamic_fields.html.twig' with {
                    fields: fields,
                    values: {
                        institutionName: bulk.institutionName,
                        institutionEmail: bulk.institutionEmail,
                        contactName: bulk.contactName,
                        reservedSlots: bulk.reservedSlots,
                        notes: bulk.notes
                    }
                } %}

                <button type="submit" class="fisch-btn-primary">
                    <i class="fas fa-check"></i> Plätze verbindlich buchen
                </button>
            </form>
        </div>
    {% endif %}
</div>
{% endblock %}