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

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

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

{% block content %}
{% include 'admin/fisch/_fisch_page_header.html.twig' with {
    title: 'Elternbriefe & Infomails',
    icon: 'envelope',
    subtitle: 'Gefilterter Versand an Eltern (z. B. nur ein Schwimmbad)'
} %}

{% include 'admin/fisch/_fisch_demo_banner.html.twig' %}

<div class="fisch-card">
    <div class="card-header"><i class="fas fa-paper-plane"></i> Versand vorbereiten</div>
    <div class="card-body">
        <p class="text-muted">Gefilterter Versand inkl. PDF-Anhang — noch nicht implementiert.</p>
        <div class="row g-3">
            <div class="col-md-6">
                <label class="form-label fw-semibold">Filter Schwimmbad</label>
                <select class="form-select" disabled>
                    <option>Alle Schwimmbäder</option>
                    <option>Rurbad</option>
                </select>
            </div>
            <div class="col-md-6">
                <label class="form-label fw-semibold">Betreff</label>
                <input type="text" class="form-control" value="Informationen vor Kursstart" disabled>
            </div>
            <div class="col-12">
                <label class="form-label fw-semibold">Nachricht</label>
                <textarea class="form-control" rows="4" disabled>Demo-Text der Elterninfo…</textarea>
            </div>
        </div>
        <button class="btn btn-fisch-primary mt-3" disabled>
            <i class="fas fa-paper-plane me-1"></i> Versenden
        </button>
    </div>
</div>
{% endblock %}