{% 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 profil du bénéficiaire.
    </div>
{% else %}

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

    <div class="row g-4">
        <!-- INFORMATIONS PERSONNELLES -->
        <div class="col-xl-6 col-lg-12">
            <div class="card border-0 shadow-sm h-100">
                <div class="card-header text-white purple">
                    <h5 class="mb-0">Informations personnelles</h5>
                    <i class="fa-solid fa-circle-info"></i>
                </div>
                <div class="card-body">
                    <table class="table table-borderless mb-0">
                        <tbody>
                        <tr>
                            <td class="fw-bold text-muted" style="width: 40%;">Nom :</td>
                            <td>{{ beneficiaire.nom|default('Non renseigné') }}</td>
                        </tr>
                        <tr>
                            <td class="fw-bold text-muted">Prénom :</td>
                            <td>{{ beneficiaire.prenom|default('Non renseigné') }}</td>
                        </tr>
                        {% if beneficiaire.civilite %}
                            <tr>
                                <td class="fw-bold text-muted">Civilité :</td>
                                <td>{{ beneficiaire.civilite|title }}</td>
                            </tr>
                        {% endif %}
                        {% if beneficiaire.nomJeuneFille %}
                            <tr>
                                <td class="fw-bold text-muted">Nom de jeune fille :</td>
                                <td>{{ beneficiaire.nomJeuneFille }}</td>
                            </tr>
                        {% endif %}
                        {% if beneficiaire.dateNaissance %}
                            <tr>
                                <td class="fw-bold text-muted">Date de naissance :</td>
                                <td>
                                    {{ beneficiaire.dateNaissance|date('d/m/Y') }}
                                    {% if beneficiaire.age is defined and beneficiaire.age %}
                                        <span class="badge bg-primary ms-2">{{ beneficiaire.age }} ans</span>
                                    {% endif %}
                                </td>
                            </tr>
                        {% endif %}
                        {% if beneficiaire.lieuNaissance %}
                            <tr>
                                <td class="fw-bold text-muted">Lieu de naissance :</td>
                                <td>{{ beneficiaire.lieuNaissance }}</td>
                            </tr>
                        {% endif %}
                        {% if beneficiaire.paysNaissance %}
                            <tr>
                                <td class="fw-bold text-muted">Pays de naissance :</td>
                                <td>{{ beneficiaire.paysNaissance }}</td>
                            </tr>
                        {% endif %}
                        {% if beneficiaire.dateAccueil %}
                            <tr>
                                <td class="fw-bold text-muted">Date d'accueil :</td>
                                <td>
                                    <span class="badge bg-success">{{ beneficiaire.dateAccueil|date('d/m/Y') }}</span>
                                </td>
                            </tr>
                        {% endif %}
                        </tbody>
                    </table>
                </div>
            </div>
        </div>

        <!-- CONTACT ET ADRESSE -->
        <div class="col-xl-6 col-lg-12">
            <div class="card border-0 shadow-sm h-100">
                <div class="card-header purple text-white">
                    <h5 class="mb-0">Contact et adresse</h5>
                    <i class="fa-solid fa-address-card"></i>
                </div>
                <div class="card-body">
                    {% if beneficiaire.adresse or beneficiaire.ville or beneficiaire.tel or beneficiaire.mail %}
                        <table class="table table-borderless mb-0">
                            <tbody>
                            {% if beneficiaire.adresse %}
                                <tr>
                                    <td class="fw-bold text-muted" style="width: 40%;">Adresse :</td>
                                    <td>{{ beneficiaire.adresse }}</td>
                                </tr>
                            {% endif %}
                            {% if beneficiaire.codePostal or beneficiaire.ville %}
                                <tr>
                                    <td class="fw-bold text-muted">Ville :</td>
                                    <td>{{ beneficiaire.codePostal ? beneficiaire.codePostal ~ ' ' : '' }}{{ beneficiaire.ville|default('') }}</td>
                                </tr>
                            {% endif %}
                            {% if beneficiaire.tel %}
                                <tr>
                                    <td class="fw-bold text-muted">Téléphone :</td>
                                    <td>
                                        <a href="tel:{{ beneficiaire.tel }}" class="text-decoration-none">
                                            <i class="fas fa-phone text-primary me-1"></i>{{ beneficiaire.tel }}
                                        </a>
                                    </td>
                                </tr>
                            {% endif %}
                            {% if beneficiaire.mail %}
                                <tr>
                                    <td class="fw-bold text-muted">Email :</td>
                                    <td>
                                        <a href="mailto:{{ beneficiaire.mail }}" class="text-decoration-none">
                                            <i class="fas fa-envelope text-primary me-1"></i>{{ beneficiaire.mail }}
                                        </a>
                                    </td>
                                </tr>
                            {% endif %}
                            </tbody>
                        </table>
                    {% else %}
                        <div class="text-muted text-center py-4">
                            <i class="fas fa-info-circle me-2"></i>
                            Aucune information de contact renseignée
                        </div>
                    {% endif %}
                </div>
            </div>
        </div>

        <!-- SITUATION FAMILIALE -->
        <div class="col-xl-6 col-lg-12">
            <div class="card border-0 shadow-sm h-100">
                <div class="card-header purple text-white">
                    <h5 class="mb-0">Situation familiale</h5>
                    <i class="fa-solid fa-people-roof"></i>
                </div>
                <div class="card-body">
                    {% if beneficiaire.situationFamille or beneficiaire.nbEnfants is not null or beneficiaire.nbEnfantsACharge is not null or beneficiaire.nbPersonnesEmploiFoyer is not null or beneficiaire.parentsNesEnFrance is not null %}
                        <table class="table table-borderless mb-0">
                            <tbody>
                            {% if beneficiaire.situationFamille %}
                                <tr>
                                    <td class="fw-bold text-muted" style="width: 40%;">Situation :</td>
                                    <td>{{ beneficiaire.situationFamille }}</td>
                                </tr>
                            {% endif %}
                            {% if beneficiaire.nbEnfants is not null %}
                                <tr>
                                    <td class="fw-bold text-muted">Nombre d'enfants :</td>
                                    <td><span class="badge bg-secondary">{{ beneficiaire.nbEnfants }}</span></td>
                                </tr>
                            {% endif %}
                            {% if beneficiaire.nbEnfantsACharge is not null %}
                                <tr>
                                    <td class="fw-bold text-muted">Enfants à charge :</td>
                                    <td><span class="badge bg-secondary">{{ beneficiaire.nbEnfantsACharge }}</span></td>
                                </tr>
                            {% endif %}
                            {% if beneficiaire.nbPersonnesEmploiFoyer is not null %}
                                <tr>
                                    <td class="fw-bold text-muted">Si en couple : Nb de personne dans le foyer en emploi :</td>
                                    <td><span class="badge bg-secondary">{{ beneficiaire.nbPersonnesEmploiFoyer }}</span></td>
                                </tr>
                            {% endif %}
                            {% if beneficiaire.parentsNesEnFrance is not null %}
                                <tr>
                                    <td class="fw-bold text-muted">Parents nés en France :</td>
                                    <td>
                                        <span class="badge {{ beneficiaire.parentsNesEnFrance ? 'bg-success' : 'bg-secondary' }}">
                                            {{ beneficiaire.parentsNesEnFrance ? 'Oui' : 'Non' }}
                                        </span>
                                    </td>
                                </tr>
                            {% endif %}
                            </tbody>
                        </table>
                    {% else %}
                        <div class="text-muted text-center py-4">
                            <i class="fas fa-info-circle me-2"></i>
                            Aucune information familiale renseignée
                        </div>
                    {% endif %}
                </div>
            </div>
        </div>

        <!-- EMPLOI ET FORMATION -->
        <div class="col-xl-6 col-lg-12">
            <div class="card border-0 shadow-sm h-100">
                <div class="card-header purple text-white">
                    <h5 class="mb-0">Emploi et formation</h5>
                    <i class="fa-solid fa-briefcase"></i>
                </div>
                <div class="card-body">
                    {% if beneficiaire.dateDernierEmploi or beneficiaire.niveauScolaire or beneficiaire.rqth %}
                        <table class="table table-borderless mb-0">
                            <tbody>
                            {% if beneficiaire.dateDernierEmploi %}
                                <tr>
                                    <td class="fw-bold text-muted" style="width: 40%;">Dernier emploi :</td>
                                    <td>{{ beneficiaire.dateDernierEmploi|date('d/m/Y') }}</td>
                                </tr>
                            {% endif %}
                            {% if beneficiaire.niveauScolaire %}
                                <tr>
                                    <td class="fw-bold text-muted">Niveau scolaire :</td>
                                    <td><span class="badge bg-primary">{{ beneficiaire.niveauScolaire }}</span></td>
                                </tr>
                            {% endif %}
                            {% if beneficiaire.rqth %}
                                <tr>
                                    <td class="fw-bold text-muted">RQTH :</td>
                                    <td>
                                        <span class="badge {{ beneficiaire.rqth == 'OUI' ? 'bg-success' : 'bg-secondary' }}">
                                            {{ beneficiaire.rqth }}
                                        </span>
                                    </td>
                                </tr>
                            {% endif %}
                            </tbody>
                        </table>
                    {% else %}
                        <div class="text-muted text-center py-4">
                            <i class="fas fa-info-circle me-2"></i>
                            Aucune information professionnelle renseignée
                        </div>
                    {% endif %}
                </div>
            </div>
        </div>

        <!-- LOGEMENT -->
        <div class="col-xl-6 col-lg-12">
            <div class="card border-0 shadow-sm h-100">
                <div class="card-header purple text-white">
                    <h5 class="mb-0">Logement</h5>
                    <i class="fa-regular fa-building"></i>
                </div>
                <div class="card-body">
                    {% if beneficiaire.logement or beneficiaire.risquePerteLogement %}
                        <table class="table table-borderless mb-0">
                            <tbody>
                            {% if beneficiaire.logement %}
                                <tr>
                                    <td class="fw-bold text-muted" style="width: 40%;">Type :</td>
                                    <td><span class="badge bg-secondary">{{ beneficiaire.logement|title }}</span></td>
                                </tr>
                            {% endif %}
                            {% if beneficiaire.risquePerteLogement %}
                                <tr>
                                    <td class="fw-bold text-muted">Risque de perte :</td>
                                    <td>
                                        {% set badgeClass = beneficiaire.risquePerteLogement == 'OUI' ? 'bg-danger' : (beneficiaire.risquePerteLogement == 'NON' ? 'bg-success' : 'bg-warning') %}
                                        <span class="badge {{ badgeClass }}">
                                            {{ beneficiaire.risquePerteLogement|title }}
                                        </span>
                                    </td>
                                </tr>
                            {% endif %}
                            </tbody>
                        </table>
                    {% else %}
                        <div class="text-muted text-center py-4">
                            <i class="fas fa-info-circle me-2"></i>
                            Aucune information de logement renseignée
                        </div>
                    {% endif %}
                </div>
            </div>
        </div>

        <!-- DOCUMENTS D'IDENTITÉ -->
        <div class="col-xl-6 col-lg-12">
            <div class="card border-0 shadow-sm h-100">
                <div class="card-header purple text-white">
                    <h5 class="mb-0">Documents d'identité</h5>
                    <i class="fa-solid fa-id-card"></i>
                </div>
                <div class="card-body">
                    {% if beneficiaire.dateFinValiditeCNI or beneficiaire.numeroSecuriteSociale %}
                        <table class="table table-borderless mb-0">
                            <tbody>
                            {% if beneficiaire.dateFinValiditeCNI %}
                                <tr>
                                    <td class="fw-bold text-muted" style="width: 40%;">Validité CNI :</td>
                                    <td>
                                        {% set isExpired = beneficiaire.dateFinValiditeCNI < date() %}
                                        <span class="badge {{ isExpired ? 'bg-danger' : 'bg-success' }}">
                                            {{ beneficiaire.dateFinValiditeCNI|date('d/m/Y') }}
                                            {{ isExpired ? '(Expirée)' : '' }}
                                        </span>
                                    </td>
                                </tr>
                            {% endif %}
                            {% if beneficiaire.numeroSecuriteSociale %}
                                <tr>
                                    <td class="fw-bold text-muted">N° Sécurité Sociale :</td>
                                    <td><code class="bg-light px-2 py-1 rounded">{{ beneficiaire.numeroSecuriteSociale }}</code></td>
                                </tr>
                            {% endif %}
                            </tbody>
                        </table>
                    {% else %}
                        <div class="text-muted text-center py-4">
                            <i class="fas fa-info-circle me-2"></i>
                            Aucun document d'identité renseigné
                        </div>
                    {% endif %}
                </div>
            </div>
        </div>

        <!-- PRESCRIPTEUR -->
        <div class="col-xl-6 col-lg-12">
            <div class="card border-0 shadow-sm h-100">
                <div class="card-header purple text-white">
                    <h5 class="mb-0">Prescripteur</h5>
                    <i class="fa-solid fa-user-doctor"></i>
                </div>
                <div class="card-body">
                    {% if beneficiaire.prescripteurNom or beneficiaire.prescripteurPrenom or beneficiaire.prescripteurTel or beneficiaire.prescripteurMail or beneficiaire.prescripteurStructure or beneficiaire.datePrescription %}
                        <table class="table table-borderless mb-0">
                            <tbody>
                            {% if beneficiaire.prescripteurNom %}
                                <tr>
                                    <td class="fw-bold text-muted" style="width: 40%;">Nom :</td>
                                    <td>{{ beneficiaire.prescripteurNom }}</td>
                                </tr>
                            {% endif %}
                            {% if beneficiaire.prescripteurPrenom %}
                                <tr>
                                    <td class="fw-bold text-muted">Prénom :</td>
                                    <td>{{ beneficiaire.prescripteurPrenom }}</td>
                                </tr>
                            {% endif %}
                            {% if beneficiaire.prescripteurTel %}
                                <tr>
                                    <td class="fw-bold text-muted">Téléphone :</td>
                                    <td>
                                        <a href="tel:{{ beneficiaire.prescripteurTel }}" class="text-decoration-none">
                                            <i class="fas fa-phone text-primary me-1"></i>{{ beneficiaire.prescripteurTel }}
                                        </a>
                                    </td>
                                </tr>
                            {% endif %}
                            {% if beneficiaire.prescripteurMail %}
                                <tr>
                                    <td class="fw-bold text-muted">Email :</td>
                                    <td>
                                        <a href="mailto:{{ beneficiaire.prescripteurMail }}" class="text-decoration-none">
                                            <i class="fas fa-envelope text-primary me-1"></i>{{ beneficiaire.prescripteurMail }}
                                        </a>
                                    </td>
                                </tr>
                            {% endif %}
                            {% if beneficiaire.prescripteurStructure %}
                                <tr>
                                    <td class="fw-bold text-muted">Structure :</td>
                                    <td>{{ beneficiaire.prescripteurStructure }}</td>
                                </tr>
                            {% endif %}
                            {% if beneficiaire.datePrescription %}
                                <tr>
                                    <td class="fw-bold text-muted">Date prescription :</td>
                                    <td>
                                        <span class="badge bg-primary">{{ beneficiaire.datePrescription|date('d/m/Y') }}</span>
                                    </td>
                                </tr>
                            {% endif %}
                            </tbody>
                        </table>
                    {% else %}
                        <div class="text-muted text-center py-4">
                            <i class="fas fa-info-circle me-2"></i>
                            Aucune information de prescripteur renseignée
                        </div>
                    {% endif %}
                </div>
            </div>
        </div>
    </div>
{% endif %}