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

{% block title %}Platz annehmen – 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">Platz gesichert</h1>
            <p class="mb-2">
                <strong>{{ entry.childFullName }}</strong> ist jetzt fest angemeldet.
            </p>
            <p class="text-muted">
                Die Kursbestätigung mit allen Infos zum Schwimmbad geht per E-Mail an Sie raus.
            </p>
            <a href="{{ path('fisch_booking_landing') }}" class="fisch-btn-primary mt-3">
                <i class="fas fa-home"></i> Zur Startseite
            </a>
        </div>
    {% elseif entry 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">Angebot nicht gefunden</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">Ein Platz ist frei geworden</h1>

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

            <p>
                Für <strong>{{ entry.childFullName }}</strong> ist folgender Platz reserviert:
            </p>
            {% if entry.offeredCourse %}
                <ul>
                    <li><strong>Schwimmbad:</strong> {{ entry.offeredCourse.pool.name }}</li>
                    <li><strong>Uhrzeit:</strong> {{ entry.offeredCourse.startTimeFormatted }} Uhr</li>
                    <li><strong>Altersgruppe:</strong> {{ entry.offeredCourse.ageGroupLabel }}</li>
                </ul>
            {% endif %}
            {% if entry.offerUntil %}
                <p class="text-muted">
                    Bitte bis <strong>{{ entry.offerUntil|date('d.m.Y H:i') }} Uhr</strong> annehmen —
                    danach geht der Platz an das nächste Kind auf der Warteliste.
                </p>
            {% endif %}

            <form method="post" action="{{ path('fisch_booking_waitlist_claim') }}">
                <input type="hidden" name="token" value="{{ token }}">

                <div class="mb-3">
                    <label class="form-label fw-semibold" for="claimGuardian">
                        Name der Erziehungsberechtigten <span class="text-danger">*</span>
                    </label>
                    <input type="text" class="form-control" id="claimGuardian" name="guardian_name"
                           value="{{ entry.guardianName }}" required>
                </div>
                <div class="mb-3">
                    <label class="form-label fw-semibold" for="claimPhone">
                        Telefonnummer <span class="text-danger">*</span>
                    </label>
                    <input type="tel" class="form-control" id="claimPhone" name="phone"
                           value="{{ entry.phone }}" required>
                </div>
                <div class="mb-3">
                    <label class="form-label fw-semibold" for="claimAddress">
                        Adresse <span class="text-danger">*</span>
                    </label>
                    <textarea class="form-control" id="claimAddress" name="address" rows="2" required
                              placeholder="Straße, PLZ Ort"></textarea>
                </div>

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