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

{% block title %}Fiche de secours - {{ groupe.nom }}{% endblock %}

{% block stylesheets %}
    {{ parent() }}
    <style>
        @media print {
            #kt_app_header, #kt_app_sidebar, #kt_app_toolbar, #kt_app_footer, .no-print { display: none !important; }
        }
    </style>
{% endblock %}

{% block page_title %}Fiche de secours - {{ groupe.nom }}{% endblock %}

{% block toolbar_actions %}
    <button onclick="window.print()" class="btn btn-primary no-print">Imprimer / exporter en PDF</button>
{% endblock %}

{% block body %}
    <p class="text-muted">{{ "now"|date('d/m/Y H:i') }} - à imprimer/exporter avant une panne réseau anticipée, ou quotidiennement par précaution (§5.2.i).</p>

    <div class="card mb-5 mb-xl-8">
        <div class="card-header border-0 pt-6">
            <div class="card-title"><h3>Liste d'évacuation ({{ presencesEvacuation|length }} présent(s))</h3></div>
        </div>
        <div class="card-body pt-0">
            {% if presencesEvacuation is empty %}
                <div class="text-muted">Aucun enfant présent actuellement.</div>
            {% else %}
                <ul class="mb-0">
                    {% for presence in presencesEvacuation %}
                        <li>{{ presence.enfant.prenom }} {{ presence.enfant.nom }} - arrivé {{ presence.heureArriveeReelle ? presence.heureArriveeReelle|date('H:i') : '-' }}</li>
                    {% endfor %}
                </ul>
            {% endif %}
        </div>
    </div>

    <div class="card">
        <div class="card-header border-0 pt-6">
            <div class="card-title"><h3>Fiche par enfant</h3></div>
        </div>
        <div class="card-body pt-0">
            {% for ligne in lignes %}
                <div class="border-bottom pb-6 mb-6">
                    <h4>{{ ligne.enfant.prenom }} {{ ligne.enfant.nom }}</h4>
                    <p>Présence du jour : {{ ligne.presenceDuJour ? ligne.presenceDuJour.statut.label : 'Non pointé' }}</p>

                    <p>
                        <strong>Contacts d'urgence :</strong>
                        {% for contact in ligne.contactsUrgence %}
                            {{ contact.prenom }} {{ contact.nom }}{% if contact.telephone %} ({{ contact.telephone }}){% endif %}{% if not loop.last %}, {% endif %}
                        {% else %}
                            Aucun contact enregistré.
                        {% endfor %}
                    </p>

                    <p>
                        <strong>Allergies / PAI / consignes médicales / restrictions :</strong>
                        {% if ligne.alertes is empty %}
                            Aucune.
                        {% else %}
                            <ul class="mb-0">
                                {% for alerte in ligne.alertes %}
                                    <li>{{ alerte.type.label }} - {{ alerte.description }}</li>
                                {% endfor %}
                            </ul>
                        {% endif %}
                    </p>

                    <p class="mb-0">
                        <strong>Personnes autorisées à récupérer l'enfant :</strong>
                        {% for personne in ligne.personnesAutorisees %}
                            {{ personne.prenom }} {{ personne.nom }} ({{ personne.roleLabel }}){% if not loop.last %}, {% endif %}
                        {% else %}
                            Aucune (ou restriction active - voir alertes ci-dessus).
                        {% endfor %}
                    </p>
                </div>
            {% endfor %}
        </div>
    </div>
{% endblock %}