{% if beneficiaire is not defined or not beneficiaire %}
    <div class="alert alert-danger">
        <i class="fas fa-exclamation-triangle me-2"></i>
        <strong>Erreur :</strong> Impossible de charger le suivi du bénéficiaire.
    </div>
{% else %}

    {% include '_flash_messages.html.twig' %}

    <div class="card border-0 shadow-sm objectives-card">
        <div class="card-header bg-gradient-primary text-white">
            <div class="d-flex justify-content-between align-items-center">
                <h5 class="mb-0">
                    <i class="fas fa-clipboard-list me-2"></i>
                    Suivi des objectifs et compétences
                </h5>
            </div>
        </div>
        <div class="card-body p-0">
            {% set objectifs = objectifs|default([]) %}
            {% if objectifs is not empty %}
                <div class="table-responsive">
                    <table class="table table-hover mb-0 objectives-table">
                        <thead class="table-header">
                        <tr>
                            <th class="date-column">
                                <i class="fas fa-calendar me-1"></i>
                                Date
                            </th>
                            <th class="objective-column">
                                <i class="fa-solid fa-bullseye"></i>
                                Objectifs / Compétences
                            </th>
                            <th class="source-column">
                                <i class="fas fa-book me-1"></i>
                                Sources
                            </th>
                            <th class="result-column">
                                <i class="fas fa-chart-line me-1"></i>
                                Résultats
                            </th>
                            <th class="author-column">
                                <i class="fas fa-user me-1"></i>
                                Auteur
                            </th>
                        </tr>
                        </thead>
                        <tbody>
                        {% for objectif in objectifs %}
                            <tr class="objective-row">
                                <td class="date-cell">
                                    {% if objectif.date is defined and objectif.date %}
                                        <div class="date-badge">
                                            <div class="date-day">{{ objectif.date|date('d') }}</div>
                                            <div class="date-month">{{ objectif.date|date('M') }}</div>
                                            <div class="date-year">{{ objectif.date|date('Y') }}</div>
                                        </div>
                                    {% else %}
                                        <span class="text-muted-custom">
                                            <i class="fas fa-question-circle me-1"></i>
                                            Non renseigné
                                        </span>
                                    {% endif %}
                                </td>
                                <td class="objective-cell">
                                    {% if objectif.objectif is defined and objectif.objectif %}
                                        <div class="objective-content">
                                            {{ objectif.objectif|nl2br }}
                                        </div>
                                    {% else %}
                                        <span class="text-muted-custom">
                                            <i class="fas fa-minus-circle me-1"></i>
                                            Aucun objectif renseigné
                                        </span>
                                    {% endif %}
                                </td>
                                <td class="source-cell">
                                    {% if objectif.source is defined and objectif.source %}
                                        <div class="source-content">
                                            {{ objectif.source|nl2br }}
                                        </div>
                                    {% else %}
                                        <span class="text-muted-custom">
                                            <i class="fas fa-minus-circle me-1"></i>
                                            Aucune source
                                        </span>
                                    {% endif %}
                                </td>
                                <td class="result-cell">
                                    {% if objectif.resultat is defined and objectif.resultat %}
                                        <div class="result-content">
                                            {{ objectif.resultat|nl2br }}
                                        </div>
                                    {% else %}
                                        <span class="text-muted-custom">
                                            <i class="fas fa-minus-circle me-1"></i>
                                            Aucun résultat
                                        </span>
                                    {% endif %}
                                </td>
                                <td class="author-cell">
                                    {% if objectif.auteur_prenom is defined and objectif.auteur_nom is defined %}
                                        <div class="author-badge">
                                            <div class="author-info">
                                                <strong>{{ objectif.auteur_prenom }} {{ objectif.auteur_nom }}</strong>
                                                {% if objectif.date_ajout is defined and objectif.date_ajout %}
                                                    <small class="d-block text-muted">
                                                        {{ objectif.date_ajout|date('d/m/Y') }}
                                                    </small>
                                                {% endif %}
                                            </div>
                                        </div>
                                    {% else %}
                                        <span class="text-muted-custom">
                                            <i class="fas fa-user-slash me-1"></i>
                                            Non renseigné
                                        </span>
                                    {% endif %}
                                </td>
                            </tr>
                        {% endfor %}
                        </tbody>
                    </table>
                </div>

                <div class="card-footer bg-light border-0">
                    <div class="d-flex justify-content-between align-items-center text-muted small">
                        <div>
                            <i class="fas fa-info-circle me-1 text-primary"></i>
                            {{ objectifs|length }} objectif{{ objectifs|length > 1 ? 's' : '' }} enregistré{{ objectifs|length > 1 ? 's' : '' }}
                        </div>
                        {% if formulaire is defined and formulaire and formulaire.dateModification is defined and formulaire.dateModification %}
                            <div>
                                <i class="fas fa-clock me-1 text-primary"></i>
                                Dernière modification : {{ formulaire.dateModification|date('d/m/Y') }}
                            </div>
                        {% endif %}
                    </div>
                </div>
            {% else %}
                <div class="empty-state">
                    <div class="empty-icon">
                        <i class="fas fa-clipboard-list"></i>
                    </div>
                    <h6 class="empty-title">Aucun suivi d'entretien enregistré</h6>
                    <p class="empty-description">Commencez par ajouter vos premiers objectifs et compétences pour suivre l'évolution du bénéficiaire.</p>
                    <a href="{{ path('app_dossier_suivi', {'id': beneficiaire.id}) }}?edit=true" class="btn btn-save-inline">
                        <i class="fas fa-plus me-2"></i>
                        Créer le premier suivi
                    </a>
                </div>
            {% endif %}
        </div>
    </div>
{% endif %}