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

{% block title %}{{ title }} | SALSABIL Madrassas{% endblock %}

{% block content %}
    <div class="admin-page-stack">
        <section class="admin-page-header">
            <div>
                <p class="admin-eyebrow">CLASSE</p>
                <h1 class="admin-page-title">{{ title }}</h1>
                <p>Configurez un groupe avec sa section, son niveau, ses horaires et son tarif public éventuel.</p>
            </div>
            <a class="admin-btn admin-btn-light" href="{{ path('school_classe_index') }}">Retour aux classes</a>
        </section>

        {{ form_start(form, {attr: {class: 'admin-form'}}) }}
            <div class="admin-form-grid">
                <section class="admin-card admin-form-section">
                    <div class="admin-card-head">
                        <div>
                            <h2>Informations principales</h2>
                            <p>Identifiez clairement le groupe pour l’administration et la page publique.</p>
                        </div>
                    </div>
                    <div class="admin-form-two-cols">
                        {{ form_row(form.nom) }}
                        {{ form_row(form.slug) }}
                    </div>
                    <div class="admin-form-three-cols">
                        {{ form_row(form.section) }}
                        {{ form_row(form.niveau) }}
                        {{ form_row(form.anneeScolaire) }}
                    </div>
                </section>

                <section class="admin-card admin-form-section">
                    <div class="admin-card-head">
                        <div>
                            <h2>Organisation pédagogique</h2>
                            <p>Langue, public, mode et capacité du groupe.</p>
                        </div>
                    </div>
                    <div class="admin-form-three-cols">
                        {{ form_row(form.langue) }}
                        {{ form_row(form.sexe) }}
                        {{ form_row(form.mode) }}
                    </div>
                    <div class="admin-form-two-cols">
                        {{ form_row(form.capacite) }}
                        {{ form_row(form.tarifDefaut) }}
                    </div>
                </section>

                <section class="admin-card admin-form-section">
                    <div class="admin-card-head">
                        <div>
                            <h2>Horaires et statut</h2>
                            <p>Ces informations peuvent être affichées aux familles si elles sont renseignées.</p>
                        </div>
                    </div>
                    <div class="admin-form-two-cols">
                        {{ form_row(form.heureDebut) }}
                        {{ form_row(form.heureFin) }}
                    </div>
                    {{ form_row(form.joursCours) }}
                    <div class="admin-form-check admin-form-check-card">
                        {{ form_row(form.active) }}
                    </div>
                </section>

                <section class="admin-card admin-form-section">
                    <div class="admin-card-head">
                        <div>
                            <h2>Groupe WhatsApp</h2>
                            <p>Utilisé pour tenter l’ajout automatique après validation de l’inscription.</p>
                        </div>
                    </div>
                    <div class="admin-form-two-cols">
                        {{ form_row(form.whatsappGroupId) }}
                        {{ form_row(form.whatsappGroupInviteLink) }}
                    </div>
                </section>
            </div>

            <div class="admin-form-actions admin-form-actions-sticky">
                <a class="btn admin-btn admin-btn-secondary" href="{{ path('school_classe_index') }}">Annuler</a>
                <button class="btn admin-btn admin-btn-primary" type="submit">Enregistrer</button>
            </div>
        {{ form_end(form) }}
    </div>
{% endblock %}
