{# templates/entreprise/locataire/show.html.twig #}
{% extends 'entreprise/entreprise_base.html.twig' %}

{% block title %}Détails de {{ locataire.nom|upper }} | {{ entreprise.raisonSociale|default('Mon Bureau') }}{% endblock %}

{% block body %}


{# --- LOGIQUE DE CONTRÔLE --- #}
{% set isExpired = (abonnementActuel is null or not abonnementActuel.isActive()) %}
{% set canModify = (not isExpired) %}
{% set activeLocation = locataire.locations|filter(l => l.dateFin is null)|first %}

<div class="container-fluid py-4 px-md-4 conterner-express">

    {# --- EN-TÊTE HARMONISÉ --- #}
    <div class="d-flex justify-content-between align-items-center mb-4 flex-wrap gap-3">
        <div class="d-flex align-items-center">
            <div>
                <h3 class="page-header page-header-top mb-1">Locataire : {{ locataire.nom|upper }} {{ locataire.prenom }}</h3>
                <p class="text-muted small mb-0 d-none d-md-block">Fiche lacataire détaillée</p>
            </div>
        </div>
        
        <div class="d-flex gap-2">

         <a href="{{ path('app_entreprise_locataire_index') }}" class="btn btn-sm btn-outline-secondary btn-return shadow-sm px-3">
                <i class="fas fa-arrow-left me-1"></i> Retour a la liste
            </a>

            {% if is_granted('ROLE_ENTREPRISE_COLLAB') %}
                <div {% if not canModify %} data-bs-toggle="tooltip" title="Abonnement expiré" {% endif %}>
                    <a href="{{ canModify ? path('app_entreprise_locataire_edit', {'id': locataire.id}) : '#' }}" 
                       class="btn btn-sm btn-warning shadow-sm px-3 {{ not canModify ? 'disabled opacity-50' : '' }}">
                        <i class="fas {{ not canModify ? 'fa-lock' : 'fa-edit' }} me-1"></i> Modifier
                    </a>
                </div>
            {% endif %}
        </div>
    </div>

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

    <div class="row g-4">
        {# --- COLONNE GAUCHE : FICHE D'IDENTITÉ --- #}
        <div class="col-12 col-lg-7">
            <div class="card card-detail shadow-sm mb-4">
                <div class="card-body p-4">
                    <div class="d-flex align-items-center mb-4 border-bottom pb-3">
                        <div class="avatar-lg me-3">
                            {{ locataire.nom|slice(0,1)|upper }}
                        </div>
                        <div>
                            <h6 class="fw-bold mb-0 text-uppercase small text-muted">Profil Locataire</h6>
                            <div class="info-value fs-5">
                                {% if locataire.civilite == 1 %}M.
                                {% elseif locataire.civilite == 2 %}Mme
                                {% elseif locataire.civilite == 3 %}Mlle
                                {% endif %} 
                                {{ locataire.nom|upper }} {{ locataire.prenom }}
                            </div>
                        </div>
                    </div>
                    
                    <div class="row g-4">
                        <div class="col-md-6">
                            <div class="info-label text-uppercase mb-1"><i class="fas fa-envelope me-2"></i>E-mail</div>
                            <div class="info-value">{{ locataire.email|default('Non renseigné') }}</div>
                        </div>
                        <div class="col-md-6">
                            <div class="info-label text-uppercase mb-1"><i class="fas fa-phone me-2"></i>Téléphone</div>
                            <div class="info-value">{{ locataire.telephone|default('Non renseigné') }}</div>
                        </div>
                       
                    </div>
                </div>
            </div>

            {# Historique des Locations #}
            <div class="card card-detail shadow-sm">
                <div class="card-header bg-white py-3 border-bottom d-flex justify-content-between align-items-center">
                    <h6 class="fw-bold mb-0">Historique des contrats</h6>
                    {% if activeLocation is empty and is_granted('ROLE_ENTREPRISE_COLLAB') %}
                        <a href="{{ canModify ? path('app_entreprise_location_new', {'id_locataire': locataire.id}) : '#' }}" 
                           class="btn btn-xs btn-success px-3 {{ not canModify ? 'disabled' : '' }}">
                            <i class="fas fa-plus me-1"></i> Nouvelle location
                        </a>
                    {% endif %}
                </div>
                <div class="card-body p-0">
                    {% if locataire.locations is empty %}
                        <div class="text-center py-5">
                            <i class="fas fa-file-contract fa-2x text-light mb-2"></i>
                            <p class="text-muted small">Aucun contrat enregistré.</p>
                        </div>
                    {% else %}
                        <div class="table-responsive">
                            <table class="table table-custom table-hover align-middle mb-0">
                                <thead>
                                    <tr>
                                        <th class="ps-4">Appartement</th>
                                        <th>Période</th>
                                        <th class="text-center">Statut</th>
                                        <th class="text-end pe-4">Actions</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    {% for location in locataire.locations|sort((a, b) => b.dateDebut <=> a.dateDebut) %}
                                        <tr>
                                            <td class="ps-4">
                                                {% if location.appartement %}
                                                    <div class="fw-bold text-dark">{{ location.appartement.titre }}</div>
                                                    <div class="small text-muted">{{ location.appartement.immeuble.titre }} (Lot)</div>
                                                {% else %}
                                                    <span class="text-muted small italic">Données supprimées</span>
                                                {% endif %}
                                            </td>
                                            <td class="small">
                                                {{ location.dateDebut|date('d/m/Y') }} - {{ location.dateFin ? location.dateFin|date('d/m/Y') : 'En cours' }}
                                            </td>
                                            <td class="text-center">
                                                <span class="badge {{ location.dateFin is null ? 'bg-soft-success text-success' : 'bg-light text-muted border' }}">
                                                    {{ location.dateFin is null ? 'Actif' : 'Terminé' }}
                                                </span>
                                            </td>
                                            <td class="text-end pe-4">
                                                <a href="{{ path('app_entreprise_location_show', {'id': location.id}) }}" class="btn btn-sm btn-light border shadow-sm">
                                                    <i class="fas fa-eye text-primary"></i>
                                                </a>
                                            </td>
                                        </tr>
                                    {% endfor %}
                                </tbody>
                            </table>
                        </div>
                    {% endif %}
                </div>
            </div>
        </div>

        {# --- COLONNE DROITE : STATUT ACTUEL & DANGER --- #}
        <div class="col-12 col-lg-5">
            
            {# Occupation Actuelle #}
            <div class="card card-detail shadow-sm mb-4">
                <div class="card-header bg-white py-3 border-bottom">
                    <h6 class="fw-bold mb-0">Situation Actuelle</h6>
                </div>
                <div class="card-body p-4 text-center">
                    {% if activeLocation is not empty %}
                        <div class="avatar bg-soft-success text-success mb-3 mx-auto rounded-circle d-flex align-items-center justify-content-center" style="width: 60px; height: 60px;">
                            <i class="fas fa-home fa-lg"></i>
                        </div>
                        <h6 class="fw-bold mb-1">En place</h6>
                        <p class="small text-muted mb-3">Occupe actuellement l'appartement :<br>
                            <span class="text-dark fw-bold">{{ activeLocation.appartement.titre }}</span>
                        </p>
                        <a href="{{ path('app_entreprise_appartement_show', {'id_immeuble': activeLocation.appartement.immeuble.id, 'id': activeLocation.appartement.id}) }}" class="btn btn-sm btn-outline-success w-100">
                            Voir l'appartement
                        </a>
                    {% else %}
                        <div class="avatar bg-light text-muted mb-3 mx-auto rounded-circle d-flex align-items-center justify-content-center" style="width: 60px; height: 60px;">
                            <i class="fas fa-user-slash fa-lg"></i>
                        </div>
                        <h6 class="fw-bold mb-1 text-muted">Aucune location active</h6>
                        <p class="small text-muted">Ce locataire n'est rattaché à aucun lot pour le moment.</p>
                    {% endif %}
                </div>
            </div>

            {# Zone de Danger #}
            {% if is_granted('ROLE_ENTREPRISE_ROOT') %}
                <div class="card border-0 shadow-sm bg-soft-danger" style="border-radius: 10px;">
                    <div class="card-body p-4">
                        <h6 class="text-danger fw-bold mb-2 small text-uppercase"><i class="fas fa-exclamation-triangle me-2"></i>Zone de danger</h6>
                        <p class="text-muted mb-3" style="font-size: 11px;">La suppression est irréversible. Les historiques liés aux appartements seront impactés.</p>
                        <div {% if not canModify %} data-bs-toggle="tooltip" title="Abonnement expiré" {% endif %}>
                            <div class="{{ not canModify ? 'opacity-50 pointer-none' : '' }}">
                                {{ include('entreprise/locataire/_delete_form.html.twig', {'locataire': locataire}) }}
                            </div>
                        </div>
                    </div>
                </div>
            {% endif %}

        </div>
    </div>aucun lot
</div>
{% endblock %}