{% extends 'base.html.twig' %}

{% block title %}Modifier {{ beneficiaire.nom }} {{ beneficiaire.prenom }}{% endblock %}

{% block body %}
    <div class="d-flex">
        <!-- Include de la sidebar -->
        {% include '_sidebar.html.twig' with {
            'beneficiaire': beneficiaire,
            'sectionActive': 'profil'
        } %}

        <div class="main-content">
            <!-- Header cohérent avec le reste de l'application -->
            <div class="dossier-header" style="padding: 13.5px 30px;">
                <div class="d-flex justify-content-between align-items-center">
                    <!-- Section gauche : Nom bénéficiaire -->
                    <div class="d-flex align-items-center">
                        <div class="beneficiaire-info text-header">
                            <h4 class="mb-0"> <i class="fas fa-user-edit me-1"></i>
                                Modifier le profil</h4>
                        </div>
                    </div>

                    <!-- Section droite : Actions contextuelles -->
                    <div class="header-actions">
                        <button type="button" class="btn-action btn-danger" data-bs-toggle="modal" data-bs-target="#deleteModal">
                            <i class="fas fa-trash"></i>
                            <span>Supprimer</span>
                        </button>

                        <a href="{{ path('app_dossier_beneficiaire', {'id': beneficiaire.id}) }}" class="btn-action btn-retour">
                            <i class="fa-solid fa-x"></i>
                            <span>Annuler</span>
                        </a>
                    </div>
                </div>
            </div>

            <!-- Contenu principal -->
            <div class="container-fluid p-4">
                {% for message in app.flashes('success') %}
                    <div class="alert alert-success alert-dismissible fade show flash-message" role="alert">
                        <i class="fas fa-check-circle me-2"></i>
                        {{ message }}
                        <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
                    </div>
                {% endfor %}

                {% for message in app.flashes('error') %}
                    <div class="alert alert-danger alert-dismissible fade show flash-message" role="alert">
                        <i class="fas fa-exclamation-circle me-2"></i>
                        {{ message }}
                        <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
                    </div>
                {% endfor %}

                <!-- Formulaire avec le même style que la page show -->
                        {{ include('beneficiaire/_form.html.twig', {'button_label': 'Mettre à jour'}) }}
            </div>
        </div>
    </div>

    <!-- Modal de suppression -->
    <div class="modal fade" id="deleteModal" tabindex="-1" aria-labelledby="deleteModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered">
            <div class="modal-content">
                <div class="modal-header bg-danger text-white">
                    <h5 class="modal-title" id="deleteModalLabel">
                        <i class="fas fa-exclamation-triangle me-2"></i>
                        Confirmer la suppression
                    </h5>
                    <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body">
                    <p class="mb-3">Êtes-vous sûr de vouloir supprimer le bénéficiaire <strong>{{ beneficiaire.nom }} {{ beneficiaire.prenom }}</strong> ?</p>
                    <div class="alert alert-warning mb-0">
                        <i class="fas fa-exclamation-triangle me-2"></i>
                        <strong>Attention :</strong> Cette action est irréversible et supprimera toutes les évaluations associées !
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">
                        <i class="fas fa-times me-1"></i>
                        Annuler
                    </button>
                    <form method="post" action="{{ path('app_beneficiaire_delete', {'id': beneficiaire.id}) }}" style="display: inline;">
                        <input type="hidden" name="_token" value="{{ csrf_token('delete' ~ beneficiaire.id) }}">
                        <button type="submit" class="btn btn-danger">
                            <i class="fas fa-trash me-1"></i>
                            Supprimer définitivement
                        </button>
                    </form>
                </div>
            </div>
        </div>
    </div>
{% endblock %}