{% extends 'school/base.html.twig' %}

{% block title %}Années scolaires | SALSABIL Madrassas{% endblock %}

{% block content %}
    <div class="admin-page-stack">
        <section class="admin-page-header">
            <div>
                <p class="admin-eyebrow">ORGANISATION</p>
                <h1 class="admin-page-title">Années scolaires</h1>
                <p>Définissez l’année en cours. Les inscriptions et étudiants s’affichent par défaut sur cette année active.</p>
            </div>
            <a class="admin-btn admin-btn-primary" href="{{ path('school_annee_new') }}">Nouvelle année</a>
        </section>

        <section class="school-summary-grid">
            <article class="school-summary-card"><span>Total</span><strong>{{ annees|length }}</strong></article>
            <article class="school-summary-card"><span>Actives</span><strong>{{ annees|filter(annee => annee.active)|length }}</strong></article>
            <article class="school-summary-card"><span>Sessions ouvertes</span><strong>{{ annees|filter(annee => annee.statut == 'ACTIVE')|length }}</strong></article>
        </section>

        <section class="admin-card admin-table-card">
            <div class="admin-card-head">
                <div>
                    <h2>Sessions configurées</h2>
                    <p>Les années scolaires servent à organiser les classes et les futures inscriptions.</p>
                </div>
            </div>

            {% if annees is empty %}
                <div class="admin-empty-state">
                    <span class="material-symbols-outlined">event_available</span>
                    <strong>Aucune année scolaire configurée</strong>
                    <p>Créez une session pour préparer l’organisation administrative de la madrassa.</p>
                    <a class="btn admin-btn admin-btn-primary" href="{{ path('school_annee_new') }}">Créer une année</a>
                </div>
            {% else %}
                <div class="table-responsive">
                    <table class="table admin-table school-table align-middle mb-0">
                        <thead>
                        <tr>
                            <th>Année</th>
                            <th>Section</th>
                            <th>Période</th>
                            <th>Statut</th>
                            <th class="text-end">Actions</th>
                        </tr>
                        </thead>
                        <tbody>
                        {% for annee in annees %}
                            <tr>
                                <td><strong>{{ annee.libelle }}</strong></td>
                                <td>{{ annee.section ? annee.section.nom : 'Toutes les sections' }}</td>
                                <td>
                                    {% if annee.dateDebut %}{{ annee.dateDebut|date('d/m/Y') }}{% else %}Non définie{% endif %}
                                    -
                                    {% if annee.dateFin %}{{ annee.dateFin|date('d/m/Y') }}{% else %}Non définie{% endif %}
                                </td>
                                <td>
                                    {% include 'components/admin/status_badge.html.twig' with {label: annee.active and annee.statut == 'ACTIVE' ? 'ANNÉE EN COURS' : annee.statut|replace({'_':' '}), tone: annee.active ? 'success' : 'neutral'} only %}
                                </td>
                                <td>
                                    <div class="admin-actions">
                                        <a class="admin-action-button" href="{{ path('school_annee_edit', {id: annee.id}) }}">Modifier</a>
                                        <form method="post" action="{{ path('school_annee_delete', {id: annee.id}) }}" onsubmit="return confirm('Supprimer cette année scolaire ?');">
                                            <input type="hidden" name="_token" value="{{ csrf_token('delete_annee_' ~ annee.id) }}">
                                            <button class="admin-action-button admin-action-danger" type="submit">Supprimer</button>
                                        </form>
                                    </div>
                                </td>
                            </tr>
                        {% endfor %}
                        </tbody>
                    </table>
                </div>
            {% endif %}
        </section>
    </div>
{% endblock %}
