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

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

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

{% block content %}
{% set actions %}
    <button type="button" class="btn btn-fisch-primary btn-sm" data-bs-toggle="modal" data-bs-target="#bulkCreateModal">
        <i class="fas fa-plus me-1"></i> Plätze für eine Schule reservieren
    </button>
{% endset %}
{% include 'admin/fisch/_fisch_page_header.html.twig' with {
    title: 'Sammelanmeldung',
    icon: 'people-group',
    subtitle: 'Schule bucht den Slot, daraus entstehen die Anmeldelinks für die Eltern',
    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" role="alert">
            {{ message }}
            <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Schließen"></button>
        </div>
    {% endfor %}
{% endfor %}

<div class="alert border-0 shadow-sm mb-3" style="background: var(--fisch-admin-accent-soft);">
    <i class="fas fa-info-circle me-1"></i>
    Ablauf: Plätze reservieren → die Schule erhält einen Buchungslink → nach ihrer Bestätigung
    bekommt sie die kurzen Eltern-Links → die Eltern melden ihr Kind darüber endgültig an.
    Reservierte Plätze sind ab sofort blockiert. Welche Felder Schule und Eltern ausfüllen,
    legt der <a href="{{ path('admin_fisch_forms_index') }}">Formularbuilder</a> fest.
</div>

<div class="fisch-table-wrap">
    <div class="table-responsive">
        <table class="table table-fisch mb-0">
            <thead>
                <tr>
                    <th>Einrichtung</th>
                    <th>Kurs</th>
                    <th>Plätze</th>
                    <th>Status</th>
                    <th>Links</th>
                    <th class="text-end">Aktionen</th>
                </tr>
            </thead>
            <tbody>
                {% for bulk in bulkRegistrations %}
                    <tr>
                        <td>
                            <div class="fw-semibold">{{ bulk.institutionName ?: 'ohne Namen' }}</div>
                            <div class="small text-muted">
                                {{ bulk.institutionEmail }}{% if bulk.contactName %} · {{ bulk.contactName }}{% endif %}
                            </div>
                        </td>
                        <td>
                            {{ bulk.course.pool.name }}<br>
                            <span class="small text-muted">
                                {{ bulk.course.startTimeFormatted }} Uhr · {{ bulk.course.ageGroupLabel }}
                            </span>
                        </td>
                        <td>
                            <span class="fw-semibold">{{ bulk.usedSlots }}/{{ bulk.reservedSlots }}</span>
                            <div class="small text-muted">{{ bulk.openSlots }} offen</div>
                        </td>
                        <td>
                            {% if bulk.status == 'confirmed' %}
                                <span class="badge bg-success">{{ bulk.statusLabel }}</span>
                            {% elseif bulk.status == 'cancelled' %}
                                <span class="badge bg-secondary">{{ bulk.statusLabel }}</span>
                            {% else %}
                                <span class="badge bg-warning text-dark">{{ bulk.statusLabel }}</span>
                            {% endif %}
                            {% if bulk.expiresAt %}
                                <div class="small text-muted">bis {{ bulk.expiresAt|date('d.m.Y') }}</div>
                            {% endif %}
                        </td>
                        <td>
                            {% if bulk.token %}
                                <div class="small">
                                    <span class="text-muted">Schule:</span>
                                    <code>{{ baseUrl }}/booking/fisch/schule/{{ bulk.token }}</code>
                                </div>
                            {% endif %}
                            {% if bulk.links|length %}
                                <button type="button" class="btn btn-sm btn-link p-0"
                                        data-bs-toggle="modal" data-bs-target="#linksModal{{ bulk.id }}">
                                    {{ bulk.links|length }} Eltern-Links anzeigen
                                </button>
                            {% endif %}
                        </td>
                        <td class="text-end text-nowrap">
                            <form method="post" action="{{ path('admin_fisch_bulk_registration_resend', {id: bulk.id}) }}" class="d-inline">
                                <input type="hidden" name="_token" value="{{ csrf_token('fisch_bulk_resend_' ~ bulk.id) }}">
                                <button type="submit" class="btn btn-sm btn-fisch-outline btn-action" title="E-Mail erneut senden">
                                    <i class="fas fa-paper-plane"></i>
                                </button>
                            </form>
                            {% if bulk.status != 'cancelled' %}
                                <form method="post" action="{{ path('admin_fisch_bulk_registration_cancel', {id: bulk.id}) }}" class="d-inline"
                                      onsubmit="return confirm('Reservierung stornieren? Nicht genutzte Plätze werden frei.');">
                                    <input type="hidden" name="_token" value="{{ csrf_token('fisch_bulk_cancel_' ~ bulk.id) }}">
                                    <button type="submit" class="btn btn-sm btn-outline-danger btn-action" title="Stornieren">
                                        <i class="fas fa-ban"></i>
                                    </button>
                                </form>
                            {% endif %}
                        </td>
                    </tr>
                {% else %}
                    <tr><td colspan="6" class="text-muted text-center py-4">Noch keine Sammelanmeldungen.</td></tr>
                {% endfor %}
            </tbody>
        </table>
    </div>
</div>

{% for bulk in bulkRegistrations %}
    {% if bulk.links|length %}
        <div class="modal fade" id="linksModal{{ bulk.id }}" tabindex="-1" aria-hidden="true">
            <div class="modal-dialog modal-lg">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title">Eltern-Links: {{ bulk.institutionName ?: bulk.institutionEmail }}</h5>
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Schließen"></button>
                    </div>
                    <div class="modal-body">
                        <table class="table table-sm mb-0">
                            <thead>
                                <tr><th>Platz</th><th>Link</th><th>Status</th></tr>
                            </thead>
                            <tbody>
                                {% for link in bulk.links %}
                                    <tr>
                                        <td>{{ link.childLabel }}</td>
                                        <td><code>{{ baseUrl }}/booking/fisch/e/{{ link.token }}</code></td>
                                        <td>
                                            {% if link.used %}
                                                <span class="badge bg-success">
                                                    genutzt {{ link.usedAt|date('d.m.Y') }}
                                                </span>
                                                {% if link.registration %}
                                                    <div class="small text-muted">
                                                        {{ link.registration.childFullName }}
                                                    </div>
                                                {% endif %}
                                            {% else %}
                                                <span class="badge bg-secondary">offen</span>
                                            {% endif %}
                                        </td>
                                    </tr>
                                {% endfor %}
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    {% endif %}
{% endfor %}

<div class="modal fade" id="bulkCreateModal" tabindex="-1" aria-hidden="true">
    <div class="modal-dialog modal-lg">
        <form method="post" action="{{ path('admin_fisch_bulk_registration_create') }}" class="modal-content">
            <input type="hidden" name="_token" value="{{ csrf_token('fisch_bulk_create') }}">
            <div class="modal-header">
                <h5 class="modal-title">Plätze für eine Schule reservieren</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Schließen"></button>
            </div>
            <div class="modal-body">
                <div class="mb-3">
                    <label class="form-label fw-semibold" for="bulkCourse">Kurs</label>
                    <select class="form-select" name="course_id" id="bulkCourse" required>
                        {% for opt in courseOptions %}
                            <option value="{{ opt.id }}" {{ opt.free < 1 ? 'disabled' : '' }}>{{ opt.label }}</option>
                        {% endfor %}
                    </select>
                </div>
                <div class="row g-3 mb-3">
                    <div class="col-md-6">
                        <label class="form-label fw-semibold" for="bulkInstitution">Einrichtung</label>
                        <input type="text" class="form-control" name="institution_name" id="bulkInstitution"
                               placeholder="Grundschule …">
                    </div>
                    <div class="col-md-6">
                        <label class="form-label fw-semibold" for="bulkEmail">E-Mail der Einrichtung</label>
                        <input type="email" class="form-control" name="institution_email" id="bulkEmail" required>
                    </div>
                </div>
                <div class="row g-3 mb-3">
                    <div class="col-md-4">
                        <label class="form-label fw-semibold" for="bulkContact">Ansprechpartner</label>
                        <input type="text" class="form-control" name="contact_name" id="bulkContact">
                    </div>
                    <div class="col-md-4">
                        <label class="form-label fw-semibold" for="bulkSlots">Plätze</label>
                        <input type="number" class="form-control" name="slots" id="bulkSlots" min="1" value="10" required>
                    </div>
                    <div class="col-md-4">
                        <label class="form-label fw-semibold" for="bulkExpires">Reservierung gültig bis</label>
                        <input type="date" class="form-control" name="expires_at" id="bulkExpires">
                    </div>
                </div>
                <div class="mb-0">
                    <label class="form-label fw-semibold" for="bulkNotes">Interne Notiz</label>
                    <textarea class="form-control" name="notes" id="bulkNotes" rows="2"></textarea>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-outline-secondary" data-bs-dismiss="modal">Abbrechen</button>
                <button type="submit" class="btn btn-fisch-primary">
                    <i class="fas fa-paper-plane me-1"></i>Reservieren und Link senden
                </button>
            </div>
        </form>
    </div>
</div>
{% endblock %}