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

{% block title %}Nouveau message{% endblock %}

{% block page_title %}Nouveau message - choisir un enfant{% endblock %}

{% block toolbar_actions %}
    <a href="{{ path('equipe_messages_boite_reception') }}" class="btn btn-light">Boîte de réception</a>
{% endblock %}

{% block body %}
    <div class="card">
        <div class="card-body pt-6">
            {% if enfants is empty %}
                <div class="text-muted">Aucun enfant actif.</div>
            {% else %}
                <div class="d-flex flex-column gap-2">
                    {% for enfant in enfants %}
                        <a href="{{ path('equipe_messages_nouvelle_conversation_formulaire', {enfantId: enfant.id}) }}" class="d-flex align-items-center justify-content-between p-3 border rounded text-gray-800 text-hover-primary">
                            <span class="fw-bold">{{ enfant.prenom }} {{ enfant.nom }}</span>
                            <i class="ki-outline ki-black-right fs-3"></i>
                        </a>
                    {% endfor %}
                </div>
            {% endif %}
        </div>
    </div>
{% endblock %}