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

{% block title %}Relève d'équipe - {{ groupe.nom }}{% endblock %}

{% block page_title %}Relève d'équipe - {{ groupe.nom }}{% endblock %}

{% block body %}
    <div class="card mb-5 mb-xl-8">
        <div class="card-header border-0 pt-6">
            <div class="card-title"><h3>Ajouter une note</h3></div>
        </div>
        <div class="card-body pt-0">
            <p class="text-muted">Notes internes, non visibles des parents.</p>
            <form method="post" action="{{ path('equipe_releve_ajouter', {groupeId: groupe.id}) }}">
                <input type="hidden" name="_csrf_token" value="{{ csrf_token('releve_note_' ~ groupe.id) }}">
                <div class="mb-4">
                    <label class="form-label">Concerne</label>
                    <select name="enfant_id" class="form-select">
                        <option value="">Le groupe entier</option>
                        {% for enfant in groupe.enfants %}
                            {% if enfant.actif %}
                                <option value="{{ enfant.id }}">{{ enfant.prenom }} {{ enfant.nom }}</option>
                            {% endif %}
                        {% endfor %}
                    </select>
                </div>
                <div class="mb-4">
                    <label class="form-label">Note *</label>
                    <textarea name="contenu" required class="form-control"></textarea>
                </div>
                <button type="submit" class="btn btn-primary">Ajouter</button>
            </form>
        </div>
    </div>

    <div class="card">
        <div class="card-header border-0 pt-6">
            <div class="card-title"><h3>Notes des 3 derniers jours</h3></div>
        </div>
        <div class="card-body pt-0">
            {% if notes is empty %}
                <div class="text-muted">Aucune note récente.</div>
            {% else %}
                <div class="d-flex flex-column gap-3">
                    {% for note in notes %}
                        <div class="border rounded p-4">
                            <div class="text-muted fs-7 mb-1">
                                {{ note.dateHeure|date('d/m H:i') }} - {{ note.auteur.prenom }} {{ note.auteur.nom }}
                                {% if note.enfant %}(concerne {{ note.enfant.prenom }} {{ note.enfant.nom }}){% endif %}
                            </div>
                            <div>{{ note.contenu }}</div>
                        </div>
                    {% endfor %}
                </div>
            {% endif %}
        </div>
    </div>
{% endblock %}