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

{% block title %}Bilan d'accompagnement - {{ beneficiaire.nom }} {{ beneficiaire.prenom }}{% endblock %}

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

        <!-- Contenu principal avec marge pour la sidebar -->
        <div class="main-content">
            <!-- Header avec thème cohérent -->
            <div class="dossier-header">
                <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">
                                {{ beneficiaire.civilite ? beneficiaire.civilite|lower|title ~ ' ' : '' }}
                                {{ beneficiaire.nom }} {{ beneficiaire.prenom }}
                            </h4>
                            <small class="sous-titre">
                                Bilan et Préconisations
                            </small>
                        </div>
                    </div>

                    <!-- Section droite : Actions contextuelles -->
                    <div class="header-actions">
                        <a href="{{ path('app_bilan_print', {beneficiaireId: beneficiaire.id}) }}"
                           target="_blank"
                           class="btn-action btn-info">
                            <i class="fas fa-print"></i>
                            <span>Imprimer</span>
                        </a>
                        <a href="{{ path('app_bilan_edit', {beneficiaireId: beneficiaire.id}) }}" class="btn-action btn-warning">
                            <i class="fas fa-edit"></i>
                            <span>Modifier</span>
                        </a>
                        <form method="post" action="{{ path('app_bilan_delete', {beneficiaireId: beneficiaire.id}) }}"
                              onsubmit="return confirm('Êtes-vous sûr de vouloir supprimer ce bilan ?');">
                            <input type="hidden" name="_token" value="{{ csrf_token('delete' ~ bilan.id) }}">
                            <button type="submit" class="btn-action btn-danger">
                                <i class="fas fa-trash"></i> <span>Supprimer</span>
                            </button>
                        </form>
                    </div>
                </div>
            </div>

            <!-- Contenu de la section avec container -->
            <div class="container-fluid p-4">
                {% include '_flash_messages.html.twig' %}
                <div class="card mb-3">
                    <div class="card-body">
                        <p class="card-text mb-1">
                            <strong>Nom du psychologue :</strong>
                            {{ bilan.auteur ? bilan.auteur.prenom ~ ' ' ~ bilan.auteur.nom : 'Non renseigné' }}
                        </p>
                        <p class="card-text mb-1">
                            <strong>Structure :</strong>
                            {{ beneficiaire.prescripteurStructure|default('Non renseigné') }}
                        </p>
                        <p class="card-text mb-1">
                            <strong>Évaluation source :</strong>
                            {{ bilan.evaluationSource.dateEvaluation|date('d/m/Y') }}
                        </p>
                        <p class="card-text mb-1">
                            <strong>Créé le :</strong> {{ bilan.dateCreation|date('d/m/Y') }}
                        </p>
                        {% if bilan.dateModification %}
                        <p class="card-text mb-1">
                            <strong>Dernière modification :</strong> {{ bilan.dateModification|date('d/m/Y') }}
                        </p>
                        {% endif %}
                    </div>
                </div>

            {% for sectionKey, objectifs in objectifsParSection %}
                {% if objectifs|length > 0 %}
                <div class="card mb-4">
                    <div class="card-header text-white purple">
                        <h5 class="mb-0">{{ objectifs[0].texteQuestion }}</h5>
                    </div>
                    <div class="card-body p-0">
                        <div class="table-responsive">
                            <table class="table table-bordered mb-0">
                                <thead class="table-light">
                                    <tr>
                                        <th style="width: 35%">Résultats atteints à la fin de l'accompagnement</th>
                                        <th style="width: 10%" class="text-center">Abordé</th>
                                        <th style="width: 25%">Préconisations</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    {% for objectif in objectifs %}
                                    <tr class="{{ objectif.aborde ? 'table-success' : '' }}">
                                        <td>{{ objectif.texteObjectif }}</td>
                                        <td class="text-center align-middle">
                                            {% if objectif.aborde %}
                                                <i class="fas fa-check-circle text-success" style="font-size: 1.5rem;"></i>
                                            {% else %}
                                                <i class="fas fa-times-circle text-secondary" style="font-size: 1.5rem;"></i>
                                            {% endif %}
                                        </td>
                                        <td>
                                            {% if objectif.preconisations %}
                                                <div style="white-space: pre-wrap;">{{ objectif.preconisations }}</div>
                                            {% else %}
                                                <span class="text-muted fst-italic">Aucune préconisation</span>
                                            {% endif %}
                                        </td>
                                    </tr>
                                    {% endfor %}
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
                {% endif %}
            {% endfor %}
            </div>
        </div>
    </div>

<style>
    .table td, .table th {
        vertical-align: middle;
    }

    .card-header {
        font-weight: bold;
    }

    .table-success {
        background-color: #d4edda !important;
    }
</style>
{% endblock %}