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

{% block content %}
    <div class="admin-page-stack">
        <section class="admin-hero admin-hero-school">
            <div class="admin-hero-pattern admin-hero-pattern-grid" aria-hidden="true"></div>
            <div class="admin-hero-copy">
                <div class="admin-hero-breadcrumbs">TABLEAU DE BORD / {{ ecole.nom|upper }}</div>
                <h1 class="admin-hero-title">Pilotez votre madrassa avec clarté</h1>
                <p class="admin-hero-text">
                    Suivez les inscriptions, les affectations, les étudiants et les groupes actifs de votre madrassa.
                </p>
            </div>
            {% if ecole.slug %}
                <div class="admin-hero-actions">
                    <a class="admin-btn admin-btn-light" href="{{ public_school_url(ecole) }}" target="_blank" rel="noopener">Voir la page publique</a>
                </div>
            {% endif %}
        </section>

        <section class="admin-kpi-grid admin-kpi-grid-school">
            {% for stat in stats %}
                {% include 'components/admin/stat_card.html.twig' with {
                    icon: stat.icon,
                    label: stat.label,
                    value: stat.value,
                    trend: stat.trend,
                    meta: loop.first ? 'PUBLIC' : '',
                    accent: loop.index == 3 ? 'emerald' : (loop.index == 4 ? 'info' : 'gold')
                } only %}
            {% endfor %}
        </section>

        <section class="admin-grid admin-grid-school">
            <div class="admin-card">
                <div class="admin-card-head">
                    <div><h2>Dernières demandes</h2><p>Demandes publiques reçues récemment</p></div>
                    <a class="admin-text-link" href="{{ path('school_inscription_index') }}">Voir tout</a>
                </div>
                <div class="admin-mini-list">
                    {% for inscription in latestInscriptions %}
                        <div class="admin-mini-item">
                            <div><strong>{{ inscription.nomComplet }}</strong><small>{{ inscription.numeroDossier }} · {{ inscription.dateSoumission ? inscription.dateSoumission|date('d/m/Y H:i') : '-' }}</small></div>
                            {% include 'components/admin/status_badge.html.twig' with {label: inscription.statut|replace({'_':' '})|title, tone: inscription.statut == 'VALIDEE' ? 'success' : (inscription.statut == 'REJETEE' ? 'danger' : 'info')} only %}
                        </div>
                    {% else %}
                        <div class="admin-empty-state">Aucune demande d’inscription pour le moment.</div>
                    {% endfor %}
                </div>
            </div>

            <div class="admin-card">
                <div class="admin-card-head">
                    <div><h2>Étudiants récents</h2><p>Dernières validations et créations manuelles</p></div>
                    <a class="admin-text-link" href="{{ path('school_etudiant_index') }}">Voir tout</a>
                </div>
                <div class="admin-mini-list">
                    {% for etudiant in latestEtudiants %}
                        <div class="admin-mini-item">
                            <div><strong>{{ etudiant.nomComplet }}</strong><small>{{ etudiant.matricule ?: '-' }}{% if etudiant.classe %} · {{ etudiant.classe.nom }}{% endif %}</small></div>
                            {% include 'components/admin/status_badge.html.twig' with {label: etudiant.actif ? 'Actif' : 'Inactif', tone: etudiant.actif ? 'success' : 'neutral'} only %}
                        </div>
                    {% else %}
                        <div class="admin-empty-state">Aucun étudiant validé pour le moment.</div>
                    {% endfor %}
                </div>
            </div>
        </section>

        <section class="admin-grid admin-grid-school">
            <div class="admin-card">
                <div class="admin-card-head">
                    <div><h2>Sections configurées</h2><p>Programmes visibles sur la page publique</p></div>
                    <a class="admin-text-link" href="{{ path('school_section_new') }}">Ajouter</a>
                </div>
                <div class="admin-mini-list">
                    {% for section in sections|slice(0, 4) %}
                        <div class="admin-mini-item">
                            <div><strong>{{ section.nom }}</strong><small>{{ section.type|replace({'_':' '})|title }}{% if section.publicCible %} · {{ section.publicCible }}{% endif %}</small></div>
                            {% include 'components/admin/status_badge.html.twig' with {label: section.active ? 'Actif' : 'Inactif', tone: section.active ? 'success' : 'muted'} only %}
                        </div>
                    {% else %}
                        <div class="admin-empty-state">Aucune section configurée pour le moment.</div>
                    {% endfor %}
                </div>
            </div>

            <div class="admin-card">
                <div class="admin-card-head">
                    <div><h2>Classes actives</h2><p>{{ anneeCount }} année(s) scolaire(s) configurée(s)</p></div>
                    <a class="admin-text-link" href="{{ path('school_classe_new') }}">Créer</a>
                </div>
                <div class="admin-mini-list">
                    {% for classe in classes|slice(0, 4) %}
                        <div class="admin-mini-item">
                            <div><strong>{{ classe.nom }}</strong><small>{{ classe.section.nom }}{% if classe.langue %} · {{ classe.langue|replace({'_':' '})|title }}{% endif %}</small></div>
                            {% include 'components/admin/status_badge.html.twig' with {label: classe.mode ?: 'Classe', tone: 'info'} only %}
                        </div>
                    {% else %}
                        <div class="admin-empty-state">Aucune classe configurée pour le moment.</div>
                    {% endfor %}
                </div>
            </div>
        </section>
    </div>
{% endblock %}
