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

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

{% block body %}
    <div class="container mt-4">
        <div class="row">
            <div class="col-12">
                <div class="d-flex justify-content-between align-items-center mb-4">
                    <h1 class="h3 mb-0">
                        <i class="fas fa-user me-2"></i>
                        {{ beneficiaire.civilite ? beneficiaire.civilite|lower|title ~ ' ' : '' }}{{ beneficiaire.nom }} {{ beneficiaire.prenom }}
                    </h1>

                    <div class="d-flex gap-2">
                        <a href="{{ path('app_beneficiaire_index') }}" class="btn btn-outline-secondary">
                            <i class="fas fa-arrow-left me-1"></i>
                            Retour à la liste
                        </a>

                        <a href="{{ path('app_beneficiaire_edit', {'id': beneficiaire.id}) }}" class="btn btn-warning">
                            <i class="fas fa-edit me-1"></i>
                            Modifier
                        </a>

                        <button type="button" class="btn btn-outline-danger" data-bs-toggle="modal" data-bs-target="#deleteModal">
                            <i class="fas fa-trash me-1"></i>
                            Supprimer
                        </button>
                    </div>
                </div>

                <div class="row">
                    <!-- INFORMATIONS PERSONNELLES -->
                    <div class="col-lg-6 mb-4">
                        <div class="card h-100">
                            <div class="card-header bg-primary text-white">
                                <h5 class="mb-0">
                                    <i class="fas fa-user me-2"></i>
                                    Informations personnelles
                                </h5>
                            </div>
                            <div class="card-body">
                                <div class="row">
                                    <div class="col-sm-4"><strong>Nom :</strong></div>
                                    <div class="col-sm-8">{{ beneficiaire.nom }}</div>
                                </div>
                                <hr>
                                <div class="row">
                                    <div class="col-sm-4"><strong>Prénom :</strong></div>
                                    <div class="col-sm-8">{{ beneficiaire.prenom }}</div>
                                </div>
                                {% if beneficiaire.civilite %}
                                    <hr>
                                    <div class="row">
                                        <div class="col-sm-4"><strong>Civilité :</strong></div>
                                        <div class="col-sm-8">{{ beneficiaire.civilite|title }}</div>
                                    </div>
                                {% endif %}
                                {% if beneficiaire.nomJeuneFille %}
                                    <hr>
                                    <div class="row">
                                        <div class="col-sm-4"><strong>Nom de jeune fille :</strong></div>
                                        <div class="col-sm-8">{{ beneficiaire.nomJeuneFille }}</div>
                                    </div>
                                {% endif %}
                                {% if beneficiaire.dateNaissance %}
                                    <hr>
                                    <div class="row">
                                        <div class="col-sm-4"><strong>Date de naissance :</strong></div>
                                        <div class="col-sm-8">
                                            {{ beneficiaire.dateNaissance|date('d/m/Y') }}
                                            {% if beneficiaire.age %}
                                                <small class="text-muted">({{ beneficiaire.age }} ans)</small>
                                            {% endif %}
                                        </div>
                                    </div>
                                {% endif %}
                                {% if beneficiaire.lieuNaissance %}
                                    <hr>
                                    <div class="row">
                                        <div class="col-sm-4"><strong>Lieu de naissance :</strong></div>
                                        <div class="col-sm-8">{{ beneficiaire.lieuNaissance }}</div>
                                    </div>
                                {% endif %}
                                {% if beneficiaire.paysNaissance %}
                                    <hr>
                                    <div class="row">
                                        <div class="col-sm-4"><strong>Pays de naissance :</strong></div>
                                        <div class="col-sm-8">{{ beneficiaire.paysNaissance }}</div>
                                    </div>
                                {% endif %}
                                {% if beneficiaire.dateAccueil %}
                                    <hr>
                                    <div class="row">
                                        <div class="col-sm-4"><strong>Date d'accueil :</strong></div>
                                        <div class="col-sm-8">
                                            <span class="badge bg-success">{{ beneficiaire.dateAccueil|date('d/m/Y') }}</span>
                                        </div>
                                    </div>
                                {% endif %}
                            </div>
                        </div>
                    </div>

                    <!-- CONTACT -->
                    <div class="col-lg-6 mb-4">
                        <div class="card h-100">
                            <div class="card-header bg-info text-white">
                                <h5 class="mb-0">
                                    <i class="fas fa-address-card me-2"></i>
                                    Contact et adresse
                                </h5>
                            </div>
                            <div class="card-body">
                                {% if beneficiaire.adresse %}
                                    <div class="row">
                                        <div class="col-sm-4"><strong>Adresse :</strong></div>
                                        <div class="col-sm-8">{{ beneficiaire.adresse }}</div>
                                    </div>
                                    <hr>
                                {% endif %}
                                {% if beneficiaire.codePostal or beneficiaire.ville %}
                                    <div class="row">
                                        <div class="col-sm-4"><strong>Ville :</strong></div>
                                        <div class="col-sm-8">
                                            {{ beneficiaire.codePostal ? beneficiaire.codePostal ~ ' ' : '' }}{{ beneficiaire.ville }}
                                        </div>
                                    </div>
                                    <hr>
                                {% endif %}
                                {% if beneficiaire.tel %}
                                    <div class="row">
                                        <div class="col-sm-4"><strong>Téléphone :</strong></div>
                                        <div class="col-sm-8">
                                            <a href="tel:{{ beneficiaire.tel }}" class="text-decoration-none">
                                                <i class="fas fa-phone me-1"></i>{{ beneficiaire.tel }}
                                            </a>
                                        </div>
                                    </div>
                                    <hr>
                                {% endif %}
                                {% if beneficiaire.mail %}
                                    <div class="row">
                                        <div class="col-sm-4"><strong>Email :</strong></div>
                                        <div class="col-sm-8">
                                            <a href="mailto:{{ beneficiaire.mail }}" class="text-decoration-none">
                                                <i class="fas fa-envelope me-1"></i>{{ beneficiaire.mail }}
                                            </a>
                                        </div>
                                    </div>
                                {% endif %}

                                {% if not beneficiaire.adresse and not beneficiaire.codePostal and not beneficiaire.ville and not beneficiaire.tel and not beneficiaire.mail %}
                                    <div class="text-muted text-center">
                                        <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-lg-6 mb-4">
                        <div class="card h-100">
                            <div class="card-header bg-success text-white">
                                <h5 class="mb-0">
                                    <i class="fas fa-home me-2"></i>
                                    Situation familiale
                                </h5>
                            </div>
                            <div class="card-body">
                                {% if beneficiaire.situationFamille %}
                                    <div class="row">
                                        <div class="col-sm-4"><strong>Situation :</strong></div>
                                        <div class="col-sm-8">{{ beneficiaire.situationFamille }}</div>
                                    </div>
                                    <hr>
                                {% endif %}
                                {% if beneficiaire.nbEnfants is not null %}
                                    <div class="row">
                                        <div class="col-sm-4"><strong>Nombre d'enfants :</strong></div>
                                        <div class="col-sm-8">{{ beneficiaire.nbEnfants }}</div>
                                    </div>
                                    <hr>
                                {% endif %}
                                {% if beneficiaire.nbEnfantsACharge is not null %}
                                    <div class="row">
                                        <div class="col-sm-4"><strong>Enfants à charge :</strong></div>
                                        <div class="col-sm-8">{{ beneficiaire.nbEnfantsACharge }}</div>
                                    </div>
                                    <hr>
                                {% endif %}
                                {% if beneficiaire.nbPersonnesEmploiFoyer is not null %}
                                    <div class="row">
                                        <div class="col-sm-4"><strong>Personnes en emploi :</strong></div>
                                        <div class="col-sm-8">{{ beneficiaire.nbPersonnesEmploiFoyer }}</div>
                                    </div>
                                    <hr>
                                {% endif %}
                                {% if beneficiaire.parentsNesEnFrance is not null %}
                                    <div class="row">
                                        <div class="col-sm-4"><strong>Parents nés en France :</strong></div>
                                        <div class="col-sm-8">
                                    <span class="badge {{ beneficiaire.parentsNesEnFrance ? 'bg-success' : 'bg-secondary' }}">
                                        {{ beneficiaire.parentsNesEnFrance ? 'Oui' : 'Non' }}
                                    </span>
                                        </div>
                                    </div>
                                {% endif %}

                                {% if not beneficiaire.situationFamille and beneficiaire.nbEnfants is null and beneficiaire.nbEnfantsACharge is null and beneficiaire.nbPersonnesEmploiFoyer is null and beneficiaire.parentsNesEnFrance is null %}
                                    <div class="text-muted text-center">
                                        <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-lg-6 mb-4">
                        <div class="card h-100">
                            <div class="card-header bg-warning text-dark">
                                <h5 class="mb-0">
                                    <i class="fas fa-briefcase me-2"></i>
                                    Emploi et formation
                                </h5>
                            </div>
                            <div class="card-body">
                                {% if beneficiaire.dateDernierEmploi %}
                                    <div class="row">
                                        <div class="col-sm-4"><strong>Dernier emploi :</strong></div>
                                        <div class="col-sm-8">{{ beneficiaire.dateDernierEmploi|date('d/m/Y') }}</div>
                                    </div>
                                    <hr>
                                {% endif %}
                                {% if beneficiaire.niveauScolaire %}
                                    <div class="row">
                                        <div class="col-sm-4"><strong>Niveau scolaire :</strong></div>
                                        <div class="col-sm-8">
                                            <span class="badge bg-info">{{ beneficiaire.niveauScolaire }}</span>
                                        </div>
                                    </div>
                                    <hr>
                                {% endif %}
                                {% if beneficiaire.rqth %}
                                    <div class="row">
                                        <div class="col-sm-4"><strong>RQTH :</strong></div>
                                        <div class="col-sm-8">
                                    <span class="badge {{ beneficiaire.rqth == 'OUI' ? 'bg-success' : 'bg-secondary' }}">
                                        {{ beneficiaire.rqth }}
                                    </span>
                                        </div>
                                    </div>
                                {% endif %}

                                {% if not beneficiaire.dateDernierEmploi and not beneficiaire.niveauScolaire and not beneficiaire.rqth %}
                                    <div class="text-muted text-center">
                                        <i class="fas fa-info-circle me-2"></i>
                                        Aucune information professionnelle renseignée
                                    </div>
                                {% endif %}
                            </div>
                        </div>
                    </div>

                    <!-- LOGEMENT -->
                    <div class="col-lg-6 mb-4">
                        <div class="card h-100">
                            <div class="card-header bg-secondary text-white">
                                <h5 class="mb-0">
                                    <i class="fas fa-building me-2"></i>
                                    Logement
                                </h5>
                            </div>
                            <div class="card-body">
                                {% if beneficiaire.logement %}
                                    <div class="row">
                                        <div class="col-sm-4"><strong>Type :</strong></div>
                                        <div class="col-sm-8">
                                            <span class="badge bg-secondary">{{ beneficiaire.logement|title }}</span>
                                        </div>
                                    </div>
                                    <hr>
                                {% endif %}
                                {% if beneficiaire.risquePerteLogement %}
                                    <div class="row">
                                        <div class="col-sm-4"><strong>Risque de perte :</strong></div>
                                        <div class="col-sm-8">
                                            {% set badgeClass = beneficiaire.risquePerteLogement == 'OUI' ? 'bg-danger' : (beneficiaire.risquePerteLogement == 'NON' ? 'bg-success' : 'bg-warning') %}
                                            <span class="badge {{ badgeClass }}">
                                        {{ beneficiaire.risquePerteLogement|title }}
                                    </span>
                                        </div>
                                    </div>
                                {% endif %}

                                {% if not beneficiaire.logement and not beneficiaire.risquePerteLogement %}
                                    <div class="text-muted text-center">
                                        <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-lg-6 mb-4">
                        <div class="card h-100">
                            <div class="card-header bg-dark text-white">
                                <h5 class="mb-0">
                                    <i class="fas fa-id-card me-2"></i>
                                    Documents d'identité
                                </h5>
                            </div>
                            <div class="card-body">
                                {% if beneficiaire.dateFinValiditeCNI %}
                                    <div class="row">
                                        <div class="col-sm-4"><strong>Validité CNI :</strong></div>
                                        <div class="col-sm-8">
                                            {% set isExpired = beneficiaire.dateFinValiditeCNI < date() %}
                                            <span class="badge {{ isExpired ? 'bg-danger' : 'bg-success' }}">
                                        {{ beneficiaire.dateFinValiditeCNI|date('d/m/Y') }}
                                                {{ isExpired ? '(Expirée)' : '' }}
                                    </span>
                                        </div>
                                    </div>
                                    <hr>
                                {% endif %}
                                {% if beneficiaire.numeroSecuriteSociale %}
                                    <div class="row">
                                        <div class="col-sm-4"><strong>N° Sécurité Sociale :</strong></div>
                                        <div class="col-sm-8">
                                            <code>{{ beneficiaire.numeroSecuriteSociale }}</code>
                                        </div>
                                    </div>
                                {% endif %}

                                {% if not beneficiaire.dateFinValiditeCNI and not beneficiaire.numeroSecuriteSociale %}
                                    <div class="text-muted text-center">
                                        <i class="fas fa-info-circle me-2"></i>
                                        Aucun document d'identité renseigné
                                    </div>
                                {% endif %}
                            </div>
                        </div>
                    </div>
                </div>

                <!-- Section Formulaires d'évaluation -->
                <div class="card mt-4">
                    <div class="card-header bg-success text-white">
                        <h5 class="mb-0">
                            <i class="fas fa-clipboard-list me-2"></i>
                            Formulaires d'évaluation
                        </h5>
                    </div>
                    <div class="card-body">
                        <div class="row">
                            <div class="col-md-6 mb-3">
                                <div class="card border-primary">
                                    <div class="card-body text-center">
                                        <i class="fas fa-table fa-2x text-primary mb-3"></i>
                                        <h6>Suivi entretien</h6>
                                        <p class="text-muted small">Objectifs, compétences et résultats</p>
                                        <a href="{{ path('app_suivi_entretien', {'beneficiaireId': beneficiaire.id}) }}"
                                           class="btn btn-primary">
                                            <i class="fas fa-edit me-1"></i>
                                            Gérer
                                        </a>
                                    </div>
                                </div>
                            </div>

                            <div class="col-md-6 mb-3">
                                <div class="card border-info">
                                    <div class="card-body text-center">
                                        <i class="fas fa-file-alt fa-2x text-info mb-3"></i>
                                        <h6>Masque entretien</h6>
                                        <p class="text-muted small">Questions d'évaluation</p>
                                        <a href="{{ path('app_masque_entretien', {'beneficiaireId': beneficiaire.id}) }}"
                                           class="btn btn-info">
                                            <i class="fas fa-edit me-1"></i>
                                            Gérer
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- Modal de suppression -->
    <div class="modal fade" id="deleteModal" tabindex="-1" aria-labelledby="deleteModalLabel" aria-hidden="true">
        <div class="modal-dialog">
            <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>Êtes-vous sûr de vouloir supprimer le bénéficiaire <strong>{{ beneficiaire.nom }} {{ beneficiaire.prenom }}</strong> ?</p>
                    <div class="alert alert-warning">
                        <i class="fas fa-exclamation-triangle me-2"></i>
                        <strong>Attention :</strong> Cette action est irréversible !
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Annuler</button>
                    {{ include('beneficiaire/_delete_form.html.twig') }}
                </div>
            </div>
        </div>
    </div>
{% endblock %}