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

{% block title %}Évaluations - {{ beneficiaire.nom }} {{ beneficiaire.prenom }}{% endblock %}

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

        <!-- Contenu principal avec marge pour la sidebar -->
        <div class="main-content">
            <!-- Header avec thème cohérent adapté pour les évaluations -->
            <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">
                                Évaluations psychologiques
                            </small>
                        </div>
                    </div>

                    <!-- Section droite : Actions contextuelles -->
                    <div class="header-actions">
                        <a href="{{ path('app_evaluation_nouvelle', {'beneficiaireId': beneficiaire.id}) }}" class="btn-action btn-success">
                            <i class="fas fa-plus"></i>
                            <span>Nouvelle évaluation</span>
                        </a>
                    </div>
                </div>
            </div>

            <!-- Contenu de la section avec container -->
            <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 %}

                {% if evaluations is empty %}
                    <div class="row justify-content-center">
                        <div class="col-md-8">
                            <div class="card border-0">
                                <div class="card-body text-center py-5">
                                    <div class="mb-4">
                                        <div class="empty-icon-large">
                                            <i class="fa-solid fa-brain"></i>
                                        </div>
                                    </div>
                                    <h5 class="empty-state-title">Aucune évaluation psychologique</h5>
                                    <p class="empty-state-description mb-4">
                                        Aucune évaluation n'a encore été réalisée pour ce bénéficiaire.
                                        <br>Créez la première évaluation pour commencer le suivi psychologique.
                                    </p>
                                    <a href="{{ path('app_evaluation_nouvelle', {beneficiaireId: beneficiaire.id}) }}" class="btn btn-save-inline">
                                        <i class="fas fa-plus me-2"></i>
                                        Créer la première évaluation
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>
                {% else %}
                    <div class="evaluations-grid">
                        {% for evaluation in evaluations %}
                            <div class="evaluation-card-wrapper">
                                <div class="card h-100 border-0 shadow-sm evaluation-card">
                                    <div class="card-header bg-white border-bottom evaluation-header">
                                        <div class="evaluation-date-section">
                                            <div class="evaluation-date-badge">
                                                <div class="date-main">{{ evaluation.dateEvaluation|date('d/m') }}</div>
                                                <div class="date-year">{{ evaluation.dateEvaluation|date('Y') }}</div>
                                            </div>
                                            <div class="evaluation-time">
                                                {{ evaluation.dateEvaluation|date('H:i') }}
                                            </div>
                                        </div>
                                        <span class="status-badge text-white
                                            {% if evaluation.statut == 'termine' %}status-complete
                                            {% elseif evaluation.statut == 'brouillon' %}status-draft
                                            {% else %}status-other{% endif %}">
                                            {% if evaluation.statut == 'termine' %}
                                                <i class="fas fa-check me-1"></i>
                                            {% elseif evaluation.statut == 'brouillon' %}
                                                <i class="fas fa-edit me-1"></i>
                                            {% endif %}
                                            {{ evaluation.statut|title }}
                                        </span>
                                    </div>
                                    <div class="card-body evaluation-body">

                                        {% if evaluation.reponsesDiagnostic is not empty %}
                                            <div class="problematiques-section">
                                                <div class="problematiques-badge">
                                                    {{ evaluation.reponsesDiagnostic|length }}
                                                </div>
                                                <span class="problematiques-text">problématiques identifiées</span>
                                            </div>
                                        {% endif %}

                                        {% if evaluation.notesComplementaires %}
                                            <div class="notes-section">
                                                <div class="notes-icon">
                                                    <i class="fas fa-sticky-note"></i>
                                                </div>
                                                <div class="notes-preview">
                                                    {{ evaluation.notesComplementaires|length > 80 ? evaluation.notesComplementaires|slice(0, 80) ~ '...' : evaluation.notesComplementaires }}
                                                </div>
                                            </div>
                                        {% endif %}
                                    </div>
                                    <div class="card-footer bg-white border-top-0">
                                        <div class="d-grid gap-2">
                                            {% if evaluation.statut == 'brouillon' %}
                                                <a href="{{ path('app_evaluation_propositions', {beneficiaireId: beneficiaire.id, id: evaluation.id}) }}"
                                                   class="btn btn-warning btn-action">
                                                    <i class="fas fa-edit me-1"></i> Continuer l'évaluation
                                                </a>
                                            {% elseif evaluation.statut == 'termine' %}
                                                <a href="{{ path('app_evaluation_show', {beneficiaireId: beneficiaire.id, id: evaluation.id}) }}"
                                                   class="btn-action complete" style="text-align: center">
                                                    <i class="fa-solid fa-square-poll-horizontal"></i> Résultat
                                                </a>
                                            {% endif %}
                                        </div>
                                    </div>
                                </div>
                            </div>
                        {% endfor %}
                    </div>
                {% endif %}
            </div>
        </div>
    </div>

    <!-- Modales de suppression pour chaque évaluation -->
    {% for evaluation in evaluations %}
        <div class="modal fade" id="deleteModal{{ evaluation.id }}" tabindex="-1" aria-labelledby="deleteModalLabel{{ evaluation.id }}" aria-hidden="true">
            <div class="modal-dialog">
                <div class="modal-content modal-delete">
                    <div class="modal-header bg-danger text-white">
                        <h5 class="modal-title" id="deleteModalLabel{{ evaluation.id }}">
                            <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="modal-question">Êtes-vous sûr de vouloir supprimer l'évaluation du <strong>{{ evaluation.dateEvaluation|date('d/m/Y à H:i') }}</strong> ?</p>

                        {% if evaluation.statut == 'termine' %}
                            <div class="alert alert-warning">
                                <i class="fas fa-exclamation-triangle me-2"></i>
                                <strong>Attention :</strong> Cette évaluation est terminée et contient des données importantes.
                                La suppression est définitive et irréversible.
                            </div>
                        {% else %}
                            <div class="alert alert-info">
                                <i class="fas fa-info-circle me-2"></i>
                                Cette évaluation est en brouillon. Vous pourrez toujours en créer une nouvelle.
                            </div>
                        {% endif %}

                        <div class="content-summary">
                            <small class="text-muted">
                                <strong>Contenu qui sera supprimé :</strong><br>
                                - {{ evaluation.reponsesDiagnostic|length }} problématiques identifiées<br>
                                {% if evaluation.propositionsGenerees is not empty %}
                                    - Propositions thérapeutiques générées<br>
                                {% endif %}
                                {% if evaluation.propositionsModifiees is not empty %}
                                    - Propositions personnalisées<br>
                                {% endif %}
                                {% if evaluation.notesComplementaires %}
                                    - Notes complémentaires<br>
                                {% endif %}
                                - Historique de création et modification
                            </small>
                        </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>
                        {{ include('evaluation/_delete_form.html.twig', {'evaluation': evaluation}) }}
                    </div>
                </div>
            </div>
        </div>
    {% endfor %}
{% endblock %}