{# Startseite — Inhalte aus Admin → Startseite + Grundeinstellungen #}
{% set intro = landing.intro ?: ('Auch ' ~ seasonYear ~ ' ermöglicht der Kreissportbund Düren gemeinsam mit Stadt Düren und AOK Rheinland/Hamburg Kindern in Düren kostenlose Schwimmkurse zur Wassergewöhnung und Schwimmerlernung.') %}

<section class="fisch-welcome-card">
    <div class="fisch-welcome-card__glow" aria-hidden="true"></div>
    <div class="fisch-welcome-card__icon" aria-hidden="true">
        <i class="fas fa-fish"></i>
    </div>
    <div class="fisch-welcome-card__body">
        <p class="fisch-welcome-card__eyebrow">Willkommen</p>
        <h2 class="fisch-welcome-card__title">Schön, dass Sie da sind!</h2>
        <p class="fisch-welcome-card__text">{{ intro }}</p>
    </div>
</section>

<div class="fisch-stats-grid">
    <div class="fisch-stat-card fisch-stat-card--spots">
        <div class="fisch-stat-card__icon"><i class="fas fa-users"></i></div>
        <span class="fisch-stat-card__value fisch-stat-counter"
              data-count-to="{{ landing.statSpots }}"
              data-count-duration="2000">0</span>
        <span class="fisch-stat-card__label">kostenfreie Plätze</span>
    </div>
    <div class="fisch-stat-card fisch-stat-card--age">
        <div class="fisch-stat-card__icon"><i class="fas fa-child"></i></div>
        <span class="fisch-stat-card__value fisch-stat-counter"
              data-count-format="range"
              data-count-from="0"
              data-count-to-min="{{ landing.ageMin }}"
              data-count-to-max="{{ landing.ageMax }}"
              data-count-duration="1600">0–0</span>
        <span class="fisch-stat-card__label">Jahre alt</span>
    </div>
    <div class="fisch-stat-card fisch-stat-card--days">
        <div class="fisch-stat-card__icon"><i class="fas fa-calendar-days"></i></div>
        <span class="fisch-stat-card__value fisch-stat-counter"
              data-count-to="10"
              data-count-duration="1400">0</span>
        <span class="fisch-stat-card__label">Kurseinheiten</span>
    </div>
    <div class="fisch-stat-card fisch-stat-card--time">
        <div class="fisch-stat-card__icon"><i class="fas fa-clock"></i></div>
        <span class="fisch-stat-card__value fisch-stat-counter"
              data-count-to="45"
              data-count-duration="1800">0</span>
        <span class="fisch-stat-card__label">Min. pro Termin</span>
    </div>
</div>

{% if not registrationOpen %}
    <div class="fisch-info-banner fisch-info-banner--warning">
        <div class="fisch-info-banner__icon"><i class="fas fa-hourglass-half"></i></div>
        <div>
            <strong>Vorbereitungen laufen</strong>
            <p class="mb-0">Die Anmeldung startet hier zu einem späteren Zeitpunkt. Neuigkeiten auf
                <a href="https://www.ksb-dueren.de" target="_blank" rel="noopener noreferrer">ksb-dueren.de</a>
                und in den Social-Media-Kanälen des KSB.</p>
        </div>
    </div>
{% endif %}

<section class="fisch-landing-section">
    <div class="row g-4 fisch-info-cards">
        <div class="col-md-6">
            <article class="fisch-info-card fisch-info-card--who">
                <div class="fisch-info-card__icon-wrap"><i class="fas fa-child-reaching"></i></div>
                <h3 class="fisch-info-card__title">Für wen?</h3>
                <ul class="fisch-info-card__list">
                    <li><i class="fas fa-check"></i> Kinder aus Düren, {{ landing.ageMin }}–{{ landing.ageMax }} Jahre</li>
                    <li><i class="fas fa-check"></i> Vorbereitung auf das Seepferdchen-Abzeichen</li>
                    <li><i class="fas fa-check"></i> Verfügbarkeit über beide Herbstferien-Wochen</li>
                </ul>
            </article>
        </div>
        <div class="col-md-6">
            <article class="fisch-info-card fisch-info-card--how">
                <div class="fisch-info-card__icon-wrap"><i class="fas fa-swimming-pool"></i></div>
                <h3 class="fisch-info-card__title">So läuft der Kurs</h3>
                <ul class="fisch-info-card__list">
                    <li><i class="fas fa-check"></i> Mo–Fr, gleicher Ort &amp; gleiche Uhrzeit</li>
                    <li><i class="fas fa-check"></i> 45 Minuten mit qualifizierten Übungsleitern</li>
                    <li><i class="fas fa-check"></i> Nur anmelden, wenn die volle Ferienzeit möglich ist</li>
                </ul>
            </article>
        </div>
    </div>
</section>

{% if pools is defined and pools|length > 0 %}
<section class="fisch-landing-section fisch-locations-panel">
    <div class="fisch-section-head">
        <span class="fisch-section-head__icon"><i class="fas fa-map-marker-alt"></i></span>
        <div>
            <h3 class="fisch-section-head__title">Standorte in Düren</h3>
            <p class="fisch-section-head__sub">Lehrschwimmbecken &amp; Rurbad — wählen Sie beim Anmelden Ihren Wunschort.</p>
        </div>
    </div>
    <div class="fisch-location-grid">
        {% for pool in pools %}
            <div class="fisch-location-item">
                <i class="fas fa-location-dot"></i>
                <span>{{ pool.name }}</span>
            </div>
        {% endfor %}
    </div>
</section>
{% endif %}

<section class="fisch-landing-section fisch-partners-showcase">
    <div class="fisch-section-head fisch-section-head--center">
        <h3 class="fisch-section-head__title">Projektpartner</h3>
        <p class="fisch-section-head__sub">FIT WIE EIN FISCH wird ermöglicht durch</p>
    </div>
    <div class="fisch-partners-showcase__logos">
        {% for sponsor in landing.sponsors %}
            <a href="{{ sponsor.url ?: '#' }}" class="fisch-partners-showcase__logo" {% if sponsor.url %}target="_blank" rel="noopener noreferrer"{% endif %} title="{{ sponsor.name }}">
                <img src="{{ asset('images/fisch/' ~ sponsor.image) }}" alt="{{ sponsor.name }}">
            </a>
        {% endfor %}
    </div>
</section>

<div class="row g-4 fisch-landing-section">
    <div class="col-lg-6">
        <div class="fisch-tip-card">
            <div class="fisch-tip-card__header">
                <i class="fas fa-users"></i>
                <h3>Hinweis für Eltern</h3>
            </div>
            <p>Bitte warten Sie während der Kurseinheit <strong>außerhalb</strong> des Bades. Begleiten Sie Ihr Kind gerne bis zur Umkleide — die Übungsleiter holen die Kinder dort ab und bringen sie nach dem Kurs zurück.</p>
        </div>
    </div>
    <div class="col-lg-6">
        <div class="fisch-download-card">
            <div class="fisch-download-card__badge">Gratis</div>
            <div class="fisch-download-card__icon"><i class="fas fa-palette"></i></div>
            <div class="fisch-download-card__body">
                <h3>Malbuch Baderegeln</h3>
                <p>Ideal zur Wartezeit bis zum Kursstart — Jolinchen erklärt die wichtigsten Regeln.</p>
                <a href="https://www.aok.de/pk/magazin/cms/fileadmin/gemeinschaftlich/pdf/Jolinchens_Baderegeln-Malbuch.pdf"
                   target="_blank" rel="noopener noreferrer" class="fisch-btn-outline fisch-btn-outline--sm">
                    <i class="fas fa-file-pdf"></i> PDF herunterladen
                </a>
            </div>
        </div>
    </div>
</div>

{% if landing.extraHtml %}
<section class="fisch-landing-section fisch-extra-block">
    <div class="fisch-section-head">
        <span class="fisch-section-head__icon"><i class="fas fa-bullhorn"></i></span>
        <h3 class="fisch-section-head__title">Weitere Informationen</h3>
    </div>
    <div class="fisch-landing-text">{{ landing.extraHtml|raw }}</div>
</section>
{% endif %}

<div class="fisch-signoff-card">
    <i class="fas fa-quote-left fisch-signoff-card__quote" aria-hidden="true"></i>
    <p class="fisch-signoff-card__text">Wir freuen uns auf ein großartiges Schwimmprojekt!</p>
    <p class="fisch-signoff-card__author">Mit sportlichen Grüßen — <strong>Dein KSB-Düren-Team</strong></p>
</div>