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

{% block title %}Comptes parents & messagerie{% endblock %}

{% block page_title %}Comptes parents & messagerie{% endblock %}

{% block body %}
    <div class="card mb-5 mb-xl-8">
        <div class="card-header border-0 pt-6">
            <div class="card-title"><h3>Comptes parents</h3></div>
        </div>
        <div class="card-body pt-0">
            {% if responsablesSansCompte is empty %}
                <div class="text-muted">Tous les responsables légaux ont déjà un compte.</div>
            {% else %}
                <div class="form-text mb-3">Un email d'activation sera envoyé à l'adresse saisie ; le parent y définira lui-même son mot de passe.</div>
                <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>Responsable légal</th>
                                <th>Créer un compte</th>
                            </tr>
                        </thead>
                        <tbody class="fw-semibold text-gray-600">
                            {% for responsable in responsablesSansCompte %}
                                <tr>
                                    <td>{{ responsable.prenom }} {{ responsable.nom }}</td>
                                    <td>
                                        <form method="post" action="{{ path('administration_messagerie_creer_compte', {responsableId: responsable.id}) }}" class="d-flex flex-wrap gap-2 align-items-end">
                                            <input type="hidden" name="_csrf_token" value="{{ csrf_token('administration_creer_compte_' ~ responsable.id) }}">
                                            <div>
                                                <label class="form-label">Email *</label>
                                                <input type="email" name="email" value="{{ responsable.email }}" required class="form-control form-control-sm">
                                            </div>
                                            <button type="submit" class="btn btn-primary btn-sm">Créer le compte</button>
                                        </form>
                                    </td>
                                </tr>
                            {% endfor %}
                        </tbody>
                    </table>
                </div>
            {% endif %}
        </div>
    </div>

    <div class="card">
        <div class="card-header border-0 pt-6">
            <div class="card-title"><h3>Destinataires des notifications de nouveaux messages</h3></div>
        </div>
        <div class="card-body pt-0">
            {% if destinataires is empty %}
                <div class="text-muted mb-6">Aucun destinataire configuré - les nouveaux messages des parents ne seront pas notifiés par email.</div>
            {% else %}
                <div class="d-flex flex-column gap-3 mb-6">
                    {% for destinataire in destinataires %}
                        <div class="border rounded p-3">
                            <div class="d-flex align-items-center justify-content-between">
                                <div>
                                    {{ destinataire.email }}{% if destinataire.libelle %} <span class="text-muted">({{ destinataire.libelle }})</span>{% endif %}
                                </div>
                                <div class="d-flex gap-2">
                                    {% if is_granted('ROLE_DIRECTION') and is_granted('ROLE_ADMIN_TECHNIQUE') %}
                                        <button type="button" class="btn btn-light btn-sm" data-bs-toggle="collapse" data-bs-target="#collapse-modifier-destinataire-{{ destinataire.id }}">Modifier</button>
                                    {% endif %}
                                    {% if destinataire.actif %}
                                        <form method="post" action="{{ path('administration_messagerie_desactiver_destinataire', {id: destinataire.id}) }}">
                                            <input type="hidden" name="_csrf_token" value="{{ csrf_token('administration_desactiver_destinataire_' ~ destinataire.id) }}">
                                            <button type="submit" class="btn btn-light-danger btn-sm">Désactiver</button>
                                        </form>
                                    {% else %}
                                        <span class="badge badge-light">Désactivé</span>
                                    {% endif %}
                                </div>
                            </div>
                            {% if is_granted('ROLE_DIRECTION') and is_granted('ROLE_ADMIN_TECHNIQUE') %}
                                <div class="collapse mt-3" id="collapse-modifier-destinataire-{{ destinataire.id }}">
                                    <form method="post" action="{{ path('administration_messagerie_modifier_destinataire', {id: destinataire.id}) }}" class="row g-3 align-items-end border-top pt-3">
                                        <input type="hidden" name="_csrf_token" value="{{ csrf_token('administration_modifier_destinataire_' ~ destinataire.id) }}">
                                        <div class="col-auto">
                                            <label class="form-label">Email *</label>
                                            <input type="email" name="email" value="{{ destinataire.email }}" required class="form-control form-control-sm">
                                        </div>
                                        <div class="col-auto">
                                            <label class="form-label">Libellé (facultatif)</label>
                                            <input type="text" name="libelle" value="{{ destinataire.libelle }}" class="form-control form-control-sm">
                                        </div>
                                        <div class="col-auto">
                                            <button type="submit" class="btn btn-primary btn-sm">Enregistrer</button>
                                        </div>
                                    </form>
                                </div>
                            {% endif %}
                        </div>
                    {% endfor %}
                </div>
                <div class="form-text mb-3">Réservée au compte fondateur : cette liste de diffusion pilote qui reçoit toute notification de nouveau message parent.</div>
            {% endif %}

            <form method="post" action="{{ path('administration_messagerie_ajouter_destinataire') }}" class="row g-3 align-items-end">
                <input type="hidden" name="_csrf_token" value="{{ csrf_token('administration_ajouter_destinataire') }}">
                <div class="col-auto">
                    <label class="form-label">Email *</label>
                    <input type="email" name="email" required class="form-control">
                </div>
                <div class="col-auto">
                    <label class="form-label">Libellé (facultatif)</label>
                    <input type="text" name="libelle" class="form-control">
                </div>
                <div class="col-auto">
                    <button type="submit" class="btn btn-primary">Ajouter</button>
                </div>
            </form>
        </div>
    </div>
{% endblock %}