{% extends 'administration/_layout.html.twig' %}

{% block title %}Inscriptions & admissions{% endblock %}

{% block page_title %}Inscriptions & admissions{% endblock %}

{% block body %}
    <style>
        /* Chevron pivote selon l'état ouvert/fermé des panneaux repliables (aria-expanded posé par Bootstrap collapse). */
        [data-bs-toggle="collapse"] .chevron-nouvelle-preinscription,
        [data-bs-toggle="collapse"] .chevron-inscription-directe { transition: transform 0.2s ease; }
        [data-bs-toggle="collapse"][aria-expanded="true"] .chevron-nouvelle-preinscription,
        [data-bs-toggle="collapse"][aria-expanded="true"] .chevron-inscription-directe { transform: rotate(180deg); }
    </style>

    <div class="card mb-5 mb-xl-8">
        <div class="card-header border-0 pt-6">
            <div class="card-title"><h3>Vue capacité / occupation</h3></div>
        </div>
        <div class="card-body pt-0">
            <div class="d-flex flex-wrap gap-6">
                {% for ligne in occupation %}
                    <div>
                        <div class="fs-3 fw-bold text-gray-900">{{ ligne.effectif }}{% if ligne.groupe.capaciteMax %} / {{ ligne.groupe.capaciteMax }}{% endif %}</div>
                        <div class="text-muted fs-7">{{ ligne.groupe.nom }}</div>
                    </div>
                {% endfor %}
            </div>
        </div>
    </div>

    <div class="card mb-5 mb-xl-8">
        <div class="card-header cursor-pointer" data-bs-toggle="collapse" data-bs-target="#collapse-nouvelle-preinscription" aria-expanded="false" aria-controls="collapse-nouvelle-preinscription">
            <div class="card-title"><h3>Nouvelle pré-inscription</h3></div>
            <div class="card-toolbar">
                <i class="ki-outline ki-down fs-1 chevron-nouvelle-preinscription"></i>
            </div>
        </div>
        <div class="collapse" id="collapse-nouvelle-preinscription">
        <div class="card-body pt-0">
            <form method="post" action="{{ path('administration_inscriptions_nouvelle') }}">
                <input type="hidden" name="_csrf_token" value="{{ csrf_token('inscriptions_nouvelle') }}">

                <h4>Enfant</h4>
                <div class="row g-3 mb-6">
                    <div class="col-md-4">
                        <label class="form-label">Nom *</label>
                        <input type="text" name="nom_enfant" required class="form-control">
                    </div>
                    <div class="col-md-4">
                        <label class="form-label">Prénom *</label>
                        <input type="text" name="prenom_enfant" required class="form-control">
                    </div>
                    <div class="col-md-4">
                        <label class="form-label">Date de naissance *</label>
                        <input type="date" name="date_naissance" required class="form-control">
                    </div>
                    <div class="col-md-4">
                        <label class="form-label">Groupe souhaité</label>
                        <select name="groupe_souhaite_id" class="form-select">
                            <option value="">-</option>
                            {% for groupe in groupes %}
                                <option value="{{ groupe.id }}">{{ groupe.nom }}</option>
                            {% endfor %}
                        </select>
                    </div>
                    <div class="col-md-4">
                        <label class="form-label">Date d'entrée souhaitée</label>
                        <input type="date" name="date_souhaitee" class="form-control">
                    </div>
                </div>

                <h4>Responsable</h4>
                <div class="row g-3 mb-6">
                    <div class="col-md-4">
                        <label class="form-label">Nom *</label>
                        <input type="text" name="nom_responsable" required class="form-control">
                    </div>
                    <div class="col-md-4">
                        <label class="form-label">Prénom *</label>
                        <input type="text" name="prenom_responsable" required class="form-control">
                    </div>
                    <div class="col-md-4">
                        <label class="form-label">Téléphone *</label>
                        <input type="text" name="telephone_responsable" required class="form-control">
                    </div>
                    <div class="col-md-4">
                        <label class="form-label">Email</label>
                        <input type="email" name="email_responsable" class="form-control">
                    </div>
                </div>

                <div class="mb-6">
                    <label class="form-label">Notes</label>
                    <textarea name="notes" class="form-control"></textarea>
                </div>

                <button type="submit" class="btn btn-primary">Enregistrer la pré-inscription</button>
            </form>
        </div>
        </div>
    </div>

    <div class="card mb-5 mb-xl-8">
        <div class="card-header cursor-pointer" data-bs-toggle="collapse" data-bs-target="#collapse-inscription-directe" aria-expanded="false" aria-controls="collapse-inscription-directe">
            <div class="card-title"><h3>Inscription directe (admission immédiate)</h3></div>
            <div class="card-toolbar">
                <i class="ki-outline ki-down fs-1 chevron-inscription-directe"></i>
            </div>
        </div>
        <div class="collapse" id="collapse-inscription-directe">
        <div class="card-body pt-0">
            <div class="text-muted fs-7 mb-4">Pour un enfant déjà admis, sans passer par l'étape "en attente" - reste compté dans le tunnel Inscriptions des statistiques.</div>
            <form method="post" action="{{ path('administration_inscriptions_directe') }}">
                <input type="hidden" name="_csrf_token" value="{{ csrf_token('inscriptions_directe') }}">

                <h4>Enfant</h4>
                <div class="row g-3 mb-6">
                    <div class="col-md-4">
                        <label class="form-label">Nom *</label>
                        <input type="text" name="nom_enfant" required class="form-control">
                    </div>
                    <div class="col-md-4">
                        <label class="form-label">Prénom *</label>
                        <input type="text" name="prenom_enfant" required class="form-control">
                    </div>
                    <div class="col-md-4">
                        <label class="form-label">Date de naissance *</label>
                        <input type="date" name="date_naissance" required class="form-control">
                    </div>
                    <div class="col-md-4">
                        <label class="form-label">Groupe</label>
                        <select name="groupe_id" class="form-select">
                            <option value="">-</option>
                            {% for groupe in groupes %}
                                <option value="{{ groupe.id }}">{{ groupe.nom }}</option>
                            {% endfor %}
                        </select>
                    </div>
                    <div class="col-md-4">
                        <label class="form-label">Date d'entrée *</label>
                        <input type="date" name="date_entree" required class="form-control">
                    </div>
                    <div class="col-md-4">
                        <label class="form-label">Autorité parentale *</label>
                        <select name="statut_autorite_parentale" required class="form-select">
                            <option value="exercice_conjoint">Exercice conjoint</option>
                            <option value="exercice_exclusif">Exercice exclusif</option>
                        </select>
                    </div>
                </div>

                <h4>Responsable</h4>
                <div class="row g-3 mb-6">
                    <div class="col-md-4">
                        <label class="form-label">Nom *</label>
                        <input type="text" name="nom_responsable" required class="form-control">
                    </div>
                    <div class="col-md-4">
                        <label class="form-label">Prénom *</label>
                        <input type="text" name="prenom_responsable" required class="form-control">
                    </div>
                    <div class="col-md-4">
                        <label class="form-label">Téléphone *</label>
                        <input type="text" name="telephone_responsable" required class="form-control">
                    </div>
                    <div class="col-md-4">
                        <label class="form-label">Email</label>
                        <input type="email" name="email_responsable" class="form-control">
                    </div>
                </div>

                <button type="submit" class="btn btn-primary">Inscrire et admettre</button>
            </form>
        </div>
        </div>
    </div>

    <div class="card mb-5 mb-xl-8">
        <div class="card-header border-0 pt-6">
            <div class="card-title"><h3>En attente</h3></div>
        </div>
        <div class="card-body pt-0">
            {% if enAttente is empty %}
                <div class="text-muted">Aucune pré-inscription en attente.</div>
            {% else %}
                <div class="d-flex flex-column gap-4">
                    {% for p in enAttente %}
                        <div class="border rounded p-4">
                            <div class="mb-3">
                                <strong>{{ p.prenomEnfant }} {{ p.nomEnfant }}</strong> (né(e) le {{ p.dateNaissance|date('d/m/Y') }})<br>
                                <span class="text-muted">Responsable : {{ p.prenomResponsable }} {{ p.nomResponsable }} ({{ p.telephoneResponsable }})</span>
                                {% if p.groupeSouhaite %}<br><span class="text-muted">Groupe souhaité : {{ p.groupeSouhaite.nom }}</span>{% endif %}
                            </div>

                            <div class="d-flex flex-wrap gap-2">
                                <form method="post" action="{{ path('administration_inscriptions_liste_attente', {id: p.id}) }}">
                                    <input type="hidden" name="_csrf_token" value="{{ csrf_token('inscriptions_liste_attente_' ~ p.id) }}">
                                    <button type="submit" class="btn btn-light btn-sm">Mettre en liste d'attente</button>
                                </form>

                                <form method="post" action="{{ path('administration_inscriptions_admettre', {id: p.id}) }}" class="d-flex flex-wrap gap-2 align-items-end">
                                    <input type="hidden" name="_csrf_token" value="{{ csrf_token('inscriptions_admettre_' ~ p.id) }}">
                                    <div>
                                        <label class="form-label">Groupe</label>
                                        <select name="groupe_id" class="form-select form-select-sm">
                                            <option value="">-</option>
                                            {% for groupe in groupes %}
                                                <option value="{{ groupe.id }}" {% if p.groupeSouhaite and p.groupeSouhaite.id == groupe.id %}selected{% endif %}>{{ groupe.nom }}</option>
                                            {% endfor %}
                                        </select>
                                    </div>
                                    <div>
                                        <label class="form-label">Date d'entrée *</label>
                                        <input type="date" name="date_entree" required class="form-control form-control-sm">
                                    </div>
                                    <div>
                                        <label class="form-label">Autorité parentale *</label>
                                        <select name="statut_autorite_parentale" required class="form-select form-select-sm">
                                            <option value="exercice_conjoint">Exercice conjoint</option>
                                            <option value="exercice_exclusif">Exercice exclusif</option>
                                        </select>
                                    </div>
                                    <button type="submit" class="btn btn-primary btn-sm">Admettre</button>
                                </form>

                                <form method="post" action="{{ path('administration_inscriptions_refuser', {id: p.id}) }}" class="d-flex gap-2 align-items-end">
                                    <input type="hidden" name="_csrf_token" value="{{ csrf_token('inscriptions_refuser_' ~ p.id) }}">
                                    <input type="text" name="motif" placeholder="Motif de refus" required class="form-control form-control-sm">
                                    <button type="submit" class="btn btn-light-danger btn-sm">Refuser</button>
                                </form>
                            </div>
                        </div>
                    {% endfor %}
                </div>
            {% endif %}
        </div>
    </div>

    <div class="card mb-5 mb-xl-8">
        <div class="card-header border-0 pt-6">
            <div class="card-title"><h3>Liste d'attente</h3></div>
        </div>
        <div class="card-body pt-0">
            {% if listeAttente is empty %}
                <div class="text-muted">Personne en liste d'attente.</div>
            {% else %}
                <div class="d-flex flex-column gap-4">
                    {% for p in listeAttente %}
                        <div class="border rounded p-4">
                            <div class="mb-3">
                                <strong>{{ p.prenomEnfant }} {{ p.nomEnfant }}</strong> (né(e) le {{ p.dateNaissance|date('d/m/Y') }})<br>
                                <span class="text-muted">Responsable : {{ p.prenomResponsable }} {{ p.nomResponsable }} ({{ p.telephoneResponsable }})</span>
                            </div>

                            <div class="d-flex flex-wrap gap-2">
                                <form method="post" action="{{ path('administration_inscriptions_admettre', {id: p.id}) }}" class="d-flex flex-wrap gap-2 align-items-end">
                                    <input type="hidden" name="_csrf_token" value="{{ csrf_token('inscriptions_admettre_' ~ p.id) }}">
                                    <div>
                                        <label class="form-label">Groupe</label>
                                        <select name="groupe_id" class="form-select form-select-sm">
                                            <option value="">-</option>
                                            {% for groupe in groupes %}
                                                <option value="{{ groupe.id }}">{{ groupe.nom }}</option>
                                            {% endfor %}
                                        </select>
                                    </div>
                                    <div>
                                        <label class="form-label">Date d'entrée *</label>
                                        <input type="date" name="date_entree" required class="form-control form-control-sm">
                                    </div>
                                    <div>
                                        <label class="form-label">Autorité parentale *</label>
                                        <select name="statut_autorite_parentale" required class="form-select form-select-sm">
                                            <option value="exercice_conjoint">Exercice conjoint</option>
                                            <option value="exercice_exclusif">Exercice exclusif</option>
                                        </select>
                                    </div>
                                    <button type="submit" class="btn btn-primary btn-sm">Admettre</button>
                                </form>

                                <form method="post" action="{{ path('administration_inscriptions_refuser', {id: p.id}) }}" class="d-flex gap-2 align-items-end">
                                    <input type="hidden" name="_csrf_token" value="{{ csrf_token('inscriptions_refuser_' ~ p.id) }}">
                                    <input type="text" name="motif" placeholder="Motif de refus" required class="form-control form-control-sm">
                                    <button type="submit" class="btn btn-light-danger btn-sm">Refuser</button>
                                </form>
                            </div>
                        </div>
                    {% endfor %}
                </div>
            {% endif %}
        </div>
    </div>

    <div class="card">
        <div class="card-header border-0 pt-6">
            <div class="card-title"><h3>Historique</h3></div>
        </div>
        <div class="card-body pt-0">
            {% if historique is empty %}
                <div class="text-muted">Aucune pré-inscription traitée.</div>
            {% else %}
                <div class="table-responsive">
                    <table class="table align-middle table-row-dashed fs-6 gy-5">
                        <thead>
                            <tr class="text-start text-muted fw-bold fs-7 text-uppercase gs-0">
                                <th>Enfant</th>
                                <th>Statut</th>
                                <th></th>
                            </tr>
                        </thead>
                        <tbody class="fw-semibold text-gray-600">
                            {% for p in historique %}
                                <tr>
                                    <td>{{ p.prenomEnfant }} {{ p.nomEnfant }}</td>
                                    <td>{{ p.statut.label }}</td>
                                    <td class="text-end">
                                        {% if p.enfant %}
                                            <a href="{{ path('administration_fiche_enfant', {enfantId: p.enfant.id}) }}" class="btn btn-light btn-sm">Voir la fiche</a>
                                        {% endif %}
                                    </td>
                                </tr>
                            {% endfor %}
                        </tbody>
                    </table>
                </div>
            {% endif %}
        </div>
    </div>
{% endblock %}