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

{% block title %}Startseite – Fit wie ein Fisch{% endblock %}
{% block header_title %}<i class="fas fa-file-alt me-2"></i>Startseite{% endblock %}

{% block stylesheets %}
    {{ parent() }}
    <link href="{{ asset('css/fisch-admin.css') }}" rel="stylesheet">
{% endblock %}

{% block content %}
{% set actions %}
    <a href="{{ path('fisch_booking_landing') }}" target="_blank" rel="noopener" class="btn btn-fisch-outline btn-sm">
        <i class="fas fa-external-link-alt me-1"></i> Vorschau
    </a>
{% endset %}
{% include 'admin/fisch/_fisch_page_header.html.twig' with {
    title: 'Startseite bearbeiten',
    icon: 'file-alt',
    subtitle: 'Saison ' ~ seasonYear ~ ' — Texte, Sponsoren und Kennzahlen für /booking/fisch',
    actions_html: actions
} %}

{% for label, messages in app.flashes %}
    {% for message in messages %}
        <div class="alert alert-{{ label == 'error' ? 'danger' : label }} alert-dismissible fade show">{{ message }}
            <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
        </div>
    {% endfor %}
{% endfor %}

<form method="post" action="{{ path('admin_fisch_landing_index') }}">
    <input type="hidden" name="_token" value="{{ csrf_token('fisch_landing') }}">

    <div class="fisch-card">
        <div class="card-header"><i class="fas fa-align-left"></i> Texte</div>
        <div class="card-body">
            <div class="mb-3">
                <label class="form-label fw-semibold" for="landing_intro">Willkommenstext (Intro)</label>
                <textarea class="form-control" id="landing_intro" name="landing_intro" rows="4"
                          placeholder="{{ defaultIntro }}">{{ config.landingIntro }}</textarea>
                <div class="form-text">Kurzer Einstieg oben auf der Startseite. Leer = Standardtext für {{ seasonYear }}.</div>
            </div>
            <div class="mb-0">
                <label class="form-label fw-semibold" for="info_text">Zusatzblock (optional, HTML erlaubt)</label>
                <textarea class="form-control font-monospace" id="info_text" name="info_text" rows="6">{{ config.infoText }}</textarea>
                <div class="form-text">Erscheint unter den Info-Karten. Für Ankündigungen, Hinweise oder formatierten Text.</div>
            </div>
        </div>
    </div>

    <div class="fisch-card">
        <div class="card-header"><i class="fas fa-hashtag"></i> Kennzahl</div>
        <div class="card-body">
            <label class="form-label fw-semibold" for="landing_stat_spots">Kostenfreie Kursplätze (Anzeige)</label>
            <input type="number" class="form-control" style="max-width: 160px" id="landing_stat_spots"
                   name="landing_stat_spots" value="{{ config.landingStatSpots }}" min="1" max="9999">
            <div class="form-text">Highlight auf der Startseite. Altersgrenzen: Grundeinstellungen.</div>
        </div>
    </div>

    <div class="fisch-card">
        <div class="card-header"><i class="fas fa-handshake"></i> Sponsoren / Projektpartner</div>
        <div class="card-body">
            <p class="text-muted small">Logos unter <code>public/images/fisch/</code> — Auswahl der vorhandenen Dateien:</p>
            {% for i in 0..2 %}
                <div class="row g-2 mb-3 pb-3 {% if i < 2 %}border-bottom{% endif %}">
                    <div class="col-md-4">
                        <label class="form-label">Name {{ i + 1 }}</label>
                        <input type="text" class="form-control" name="sponsor_name_{{ i }}"
                               value="{{ sponsors[i].name|default('') }}" maxlength="120">
                    </div>
                    <div class="col-md-4">
                        <label class="form-label">Link (URL)</label>
                        <input type="url" class="form-control" name="sponsor_url_{{ i }}"
                               value="{{ sponsors[i].url|default('') }}" placeholder="https://…">
                    </div>
                    <div class="col-md-4">
                        <label class="form-label">Logo</label>
                        <select class="form-select" name="sponsor_image_{{ i }}">
                            {% for path, label in imageOptions %}
                                <option value="{{ path }}" {% if (sponsors[i].image|default('')) == path %}selected{% endif %}>{{ label }}</option>
                            {% endfor %}
                        </select>
                    </div>
                </div>
            {% endfor %}
        </div>
    </div>

    <div class="alert border-0 shadow-sm" style="background: var(--fisch-admin-accent-soft);">
        <strong>Anmeldestatus &amp; Footer:</strong>
        Anmeldephase → <a href="{{ path('admin_fisch_settings_index') }}">Grundeinstellungen</a>.
        Footer-Links sind im Template hinterlegt.
    </div>

    <button type="submit" class="btn btn-fisch-primary">
        <i class="fas fa-save me-1"></i> Speichern
    </button>
</form>
{% endblock %}