{% extends 'entreprise/entreprise_base.html.twig' %}

{% block title %}Lot : {{ immeuble.titre }} | {{ entreprise.raisonSociale|default('Mon Bureau') }}{% endblock %}

{% block body %}
{# --- LOGIQUE DE CONTRÔLE --- #}
{% set plan = (abonnementActuel and abonnementActuel.abonnement) ? abonnementActuel.abonnement : null %}
{% set isExpired = (abonnementActuel is null or not abonnementActuel.isActive()) %}
{% set totalApparts = immeuble.appartements|length %}
{% set quotaAppartAtteint = (plan and plan.limiteAppartement > 0 and totalApparts >= plan.limiteAppartement) %}
{% set canAddAppart = (not isExpired and not quotaAppartAtteint) %}
{% set canEditOrDelete = (not isExpired) %}

<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">
        <div>
           <h3 class="page-header page-header-top mb-1">
                <i class="fas fa-layer-group text-success me-2"></i>{{ immeuble.titre }}
            </h3>
            <p class="text-muted small mb-0 d-none d-md-block">Consultez les détails et gérez les appartements de ce lot.</p>
        </div>
        
        <div class="d-flex gap-2">
            <a href="{{ path('app_entreprise_immeuble_index') }}" class="btn btn-sm btn-outline-secondary shadow-sm px-3">
                <i class="fas fa-arrow-left me-1"></i> Retour
            </a>

            <div {% if not canAddAppart %} data-bs-toggle="tooltip" title="Quota atteint ou abonnement expiré" {% endif %}>
                <a href="{{ canAddAppart ? path('app_entreprise_appartement_new', {'id_immeuble': immeuble.id}) : '#' }}" 
                   class="btn btn-sm btn-success shadow-sm px-3 {{ not canAddAppart ? 'disabled opacity-50' : '' }}">
                    <i class="fas {{ not canAddAppart ? 'fa-lock' : 'fa-plus' }} me-1"></i> Ajouter un appartement
                </a>
            </div>
        </div>
    </div>

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

    <div class="row g-4">
        {# --- COLONNE GAUCHE : INFOS DU LOT --- #}
        <div class="col-12 col-lg-5">
            <div class="card card-detail shadow-sm mb-4">
                <div class="card-body p-4">
                    <div class="d-flex justify-content-between align-items-center mb-4 border-bottom pb-2">
                        <h6 class=" mb-0 fw-bold">Informations du Lot</h6>
                        <a href="{{ canEditOrDelete ? path('app_entreprise_immeuble_edit', {'id': immeuble.id}) : '#' }}" 
                           class="btn btn-xs btn-outline-warning border-0 {{ not canEditOrDelete ? 'disabled' : '' }}">
                            <i class="fas fa-edit"></i>
                        </a>
                    </div>
                    
                    <div class="mb-4">
                        <div class="info-label">ADRESSE GÉOGRAPHIQUE</div>
                        <div class="info-value small">
                            <i class="fas fa-map-marker-alt text-danger me-1"></i> 
                            {{ immeuble.adresseGeographique|default('Non renseignée') }}
                        </div>
                    </div>

                    <div class="row g-3 mb-4">
                        <div class="col-6">
                            <div class="info-label">RÉFÉRENCE LOT</div>
                            <div class="info-value">{{ immeuble.lot|default('-') }}</div>
                        </div>
                        <div class="col-6">
                            <div class="info-label">ÎLOT</div>
                            <div class="info-value">{{ immeuble.ilot|default('-') }}</div>
                        </div>
                    </div>

                    <div class="p-3 bg-light rounded border-start border-success border-4">
                        <div class="info-label text-success">CAPACITÉ ACTUELLE</div>
                        <div class="d-flex align-items-center justify-content-between">
                            <span class="info-value">{{ totalApparts }} Appartement(s)</span>
                            <span class="badge badge-quota {% if quotaAppartAtteint %}bg-danger{% else %}bg-white text-success border{% endif %}">
                                Limite : {{ (plan and plan.limiteAppartement > 0) ? plan.limiteAppartement : '∞' }}
                            </span>
                        </div>
                    </div>
                </div>
            </div>

            {# ZONE DE DANGER RECYCLÉE DE EDIT #}
            <div class="card border-0 shadow-sm danger-box">
                <div class="card-body p-3">
                    <span class="danger-title"><i class="fas fa-exclamation-triangle me-2"></i>Zone critique</span>
                    <p class="danger-text mb-3">La suppression effacera les {{ totalApparts }} unités rattachées.</p>
                    {% if canEditOrDelete %}
                        {{ include('entreprise/immeuble/_delete_form.html.twig') }}
                    {% endif %}
                </div>
            </div>
        </div>

        {# --- COLONNE DROITE : TABLEAU DES UNITÉS --- #}
        <div class="col-12 col-lg-7">
            <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=" mb-0 fw-bold">Unités dépendantes (Appartements / Bureaux)</h6>
                    <span class="badge bg-light text-muted">{{ totalApparts }} au total</span>
                </div>
                <div class="card-body p-0">
                    {% if immeuble.appartements is not empty %}
                        <div class="table-responsive">
                            <table class="table table-custom table-hover align-middle mb-0">
                                <thead>
                                    <tr>
                                        <th class="ps-4">Désignation</th>
                                        <th class="text-center">Config.</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    {% for appartement in immeuble.appartements|sort((a, b) => a.ordre <=> b.ordre) %}
                                        <tr>
                                            <td class="ps-4">
                                                <div class=" text-dark">{{ appartement.titre }}</div>
                                                <div class="text-muted x-small">Position : {{ loop.index }}</div>
                                            </td>
                                            <td class="text-center">
                                                <span class="small text-muted">
                                                    <i class="fas fa-bed me-1"></i>{{ appartement.nbrePieces|default(0) }} | 
                                                    <i class="fas fa-bath me-1"></i>{{ appartement.nbreSalleBain|default(0) }}
                                                </span>
                                            </td>
                                            
                                        </tr>
                                    {% endfor %}
                                </tbody>
                            </table>
                        </div>
                    {% else %}
                        <div class="text-center py-5">
                            <i class="fas fa-door-closed fa-3x text-light mb-3"></i>
                            <p class="text-muted small">Aucun appartement enregistré dans ce lot.</p>
                        </div>
                    {% endif %}
                </div>
            </div>
        </div>
    </div>
</div>
{% endblock %}