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

{% block title %}Tableau de bord - {{ groupe.nom }}{% endblock %}

{% block page_title %}{{ groupe.nom }}{% endblock %}

{% block toolbar_actions %}
    <a href="{{ path('equipe_messages_nouveau_groupe', {groupeId: groupe.id}) }}" class="btn btn-light-primary">Message à tout le groupe</a>
{% endblock %}

{% block body %}
    <div class="card mb-5 mb-xl-8">
        <div class="card-body pt-6">
            {% if lignes is empty %}
                <div class="text-muted">Aucun enfant actif dans ce groupe.</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>Présence du jour</th>
                                <th>Dernier évènement</th>
                                <th>Alertes</th>
                            </tr>
                        </thead>
                        <tbody class="fw-semibold text-gray-600">
                            {% for ligne in lignes %}
                                <tr{% if ligne.alertesActives is not empty %} class="table-warning"{% endif %}>
                                    <td>
                                        <a href="{{ path('equipe_fiche_enfant', {id: ligne.enfant.id}) }}" class="text-gray-800 text-hover-primary fw-bold">
                                            {{ ligne.enfant.prenom }} {{ ligne.enfant.nom }}
                                        </a>
                                    </td>
                                    <td>{{ ligne.presenceDuJour ? ligne.presenceDuJour.statut.label : 'Non pointé' }}</td>
                                    <td>
                                        {% if ligne.dernierEvenement %}
                                            {{ ligne.dernierEvenement.typeLabel }} - {{ ligne.dernierEvenement.dateHeure|date('H:i') }}
                                        {% else %}
                                            -
                                        {% endif %}
                                    </td>
                                    <td>
                                        {% for alerte in ligne.alertesActives %}
                                            <span class="badge badge-light-danger">{{ alerte.type.label }}</span>
                                        {% endfor %}
                                    </td>
                                </tr>
                            {% endfor %}
                        </tbody>
                    </table>
                </div>
            {% endif %}
        </div>
    </div>

    {% if lignes is not empty %}
        <div class="row g-5">
            <div class="col-md-6">
                <div class="card h-100">
                    <div class="card-header border-0 pt-6">
                        <div class="card-title"><h3>Saisie groupée - Repas</h3></div>
                    </div>
                    <div class="card-body pt-0">
                        <form method="post" action="{{ path('equipe_groupe_repas_groupe', {id: groupe.id}) }}">
                            <input type="hidden" name="_csrf_token" value="{{ csrf_token('groupe_repas_groupe_' ~ groupe.id) }}">
                            <fieldset class="border rounded p-4 mb-4">
                                <legend class="fs-6 fw-bold">Enfants concernés *</legend>
                                <div class="d-flex flex-column gap-2">
                                    {% for ligne in lignes %}
                                        <div class="form-check">
                                            <input class="form-check-input" type="checkbox" name="enfants[]" value="{{ ligne.enfant.id }}" id="repas-enfant-{{ ligne.enfant.id }}">
                                            <label class="form-check-label" for="repas-enfant-{{ ligne.enfant.id }}">{{ ligne.enfant.prenom }} {{ ligne.enfant.nom }}</label>
                                        </div>
                                    {% endfor %}
                                </div>
                            </fieldset>
                            <div class="row g-3 mb-4">
                                <div class="col-md-4">
                                    <label class="form-label">Moment *</label>
                                    <select name="moment" required class="form-select">
                                        <option value="petit_dejeuner">Petit-déjeuner</option>
                                        <option value="dejeuner">Déjeuner</option>
                                        <option value="gouter">Goûter</option>
                                        <option value="collation">Collation</option>
                                    </select>
                                </div>
                                <div class="col-md-4">
                                    <label class="form-label">Quantité mangée *</label>
                                    <select name="quantite_mangee" required class="form-select">
                                        <option value="tout">Tout</option>
                                        <option value="bien">Bien</option>
                                        <option value="peu">Peu</option>
                                        <option value="rien">Rien</option>
                                    </select>
                                </div>
                                <div class="col-md-4">
                                    <label class="form-label">Origine *</label>
                                    <select name="origine_repas" required class="form-select">
                                        <option value="cantine_creche">Cantine de la crèche</option>
                                        <option value="apporte_parent">Apporté par la famille</option>
                                    </select>
                                </div>
                            </div>
                            <button type="submit" class="btn btn-primary">Enregistrer pour la sélection</button>
                        </form>
                    </div>
                </div>
            </div>

            <div class="col-md-6">
                <div class="card h-100">
                    <div class="card-header border-0 pt-6">
                        <div class="card-title"><h3>Saisie groupée - Activité</h3></div>
                    </div>
                    <div class="card-body pt-0">
                        <form method="post" action="{{ path('equipe_groupe_activite_groupe', {id: groupe.id}) }}">
                            <input type="hidden" name="_csrf_token" value="{{ csrf_token('groupe_activite_groupe_' ~ groupe.id) }}">
                            <fieldset class="border rounded p-4 mb-4">
                                <legend class="fs-6 fw-bold">Enfants concernés *</legend>
                                <div class="d-flex flex-column gap-2">
                                    {% for ligne in lignes %}
                                        <div class="form-check">
                                            <input class="form-check-input" type="checkbox" name="enfants[]" value="{{ ligne.enfant.id }}" id="activite-enfant-{{ ligne.enfant.id }}">
                                            <label class="form-check-label" for="activite-enfant-{{ ligne.enfant.id }}">{{ ligne.enfant.prenom }} {{ ligne.enfant.nom }}</label>
                                        </div>
                                    {% endfor %}
                                </div>
                            </fieldset>
                            <div class="mb-4">
                                <label class="form-label">Thème *</label>
                                <select name="theme_id" required class="form-select">
                                    <option value="">- Choisir un thème -</option>
                                    {% for theme in themesActifs %}
                                        <option value="{{ theme.id }}">{{ theme.libelle }}{% if theme.description %} - {{ theme.description }}{% endif %}</option>
                                    {% endfor %}
                                </select>
                            </div>
                            <button type="submit" class="btn btn-primary">Enregistrer pour la sélection</button>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    {% endif %}
{% endblock %}