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

{% block title %}Gestion des lots | {{ entreprise.raisonSociale|default('Mon Bureau') }}{% endblock %}

{% block stylesheets %}
    {{ parent() }}
        <link href="{{ asset('assets/css/theme-entreprise-dashboard.css') }}" type="text/css" rel="stylesheet" id="style-default" />
{% endblock %}

{% block body %}

    {# 1. CALCUL DES VARIABLES DE CONTRÔLE #}
    {% set plan = (abonnementActuel and abonnementActuel.abonnement) ? abonnementActuel.abonnement : null %}
    {% set totalImmeubles = immeubles|length %}
    
    {% set isExpired = (abonnementActuel is null or not abonnementActuel.isActive()) %}
    {% set quotaAtteint = (plan and plan.limiteImmeuble > 0 and totalImmeubles >= plan.limiteImmeuble) %}
    
    {% set canAddImmeuble = (not isExpired and not quotaAtteint) %}
    {% set canModify = (not isExpired) %}

    <div class="container-fluid py-4 px-md-4">
        
        {# --- EN-TÊTE --- #}
        <div class="d-flex justify-content-between align-items-center mb-4">
            <div>
                <h3 class="page-header page-header-top mb-1">
                    Lots / Immeubles
                    <span class="ms-2 badge bg-light text-dark border" style="font-size:12px">
                        <strong>{{ totalImmeubles }}</strong> / {{ (plan and plan.limiteImmeuble > 0) ? plan.limiteImmeuble : 'illimité' }}
                    </span>
                </h3>
            </div>
            
            <div {% if not canAddImmeuble %}
                    data-bs-toggle="tooltip"
                    data-bs-placement="left"
                    data-bs-html="true"
                    title="{% if isExpired %}<b>Abonnement expiré</b>{% else %}<b>Quota atteint</b>{% endif %}"
                 {% endif %}>

                <a href="{{ canAddImmeuble ? path('app_entreprise_immeuble_new') : path('app_entreprise_abonnement_plans') }}" 
                   class="btn btn-success shadow-sm px-4 {{ not canAddImmeuble ? 'disabled opacity-50' : '' }}">
                    <i class="fas {{ not canAddImmeuble ? 'fa-lock' : 'fa-plus' }} me-1"></i> 
                    Nouveau Lot
                </a>
            </div>
        </div>

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

        {% if immeubles is empty %}
            <div class="card shadow-sm border-0 py-5 text-center">
                <div class="card-body">
                    <i class="fas fa-city fa-4x mb-3 text-light"></i>
                    <h4 class="text-muted">Aucun lot enregistré dans votre bureau</h4>
                </div>
            </div>
        {% else %}
            
            <div class="row g-2" style="border-radius: 5px;padding: 10px 15px;background-color:#fafafa">
                {% for immeuble in immeubles %}
                    <div class="col-12">
                        <div class="card card-custom shadow-sm border-0 p-2">
                            <div class="card-body d-flex align-items-center p-2">
                                
                                {# COLONNE 1 : CONTROLES D'ORDRE #}
                                <div class="controls-wrapper d-flex flex-column align-items-center me-3 py-2 px-1 bg-light rounded border">
                                    {% if not loop.first %}
                                        <a href="{{ canModify ? path('app_entreprise_immeuble_move', {'id': immeuble.id, 'direction': 'up'}) : '#' }}" 
                                           class="btn-move {{ not canModify ? 'disabled opacity-25' : '' }}" title="Monter">
                                            <i class="fas fa-chevron-up"></i>
                                        </a>
                                    {% else %}
                                        <span class="btn-move invisible"><i class="fas fa-chevron-up"></i></span>
                                    {% endif %}
                                    
                                    <span class="order-number my-1 text-muted small fw-bold">{{ loop.index }}</span>

                                    {% if not loop.last %}
                                        <a href="{{ canModify ? path('app_entreprise_immeuble_move', {'id': immeuble.id, 'direction': 'down'}) : '#' }}" 
                                           class="btn-move {{ not canModify ? 'disabled opacity-25' : '' }}" title="Descendre">
                                            <i class="fas fa-chevron-down"></i>
                                        </a>
                                    {% else %}
                                        <span class="btn-move invisible"><i class="fas fa-chevron-down"></i></span>
                                    {% endif %}
                                </div>

                                {# COLONNE 2 : INFOS PRINCIPALES #}
                                <div class="flex-grow-1 me-3">
                                    <h5 class="fw-bold mb-1 bien-titre">
                                        <a href="{{ path('app_entreprise_immeuble_show', {'id': immeuble.id}) }}" class="text-decoration-none text-dark hover-green">
                                            {{ immeuble.titre }}
                                        </a>
                                    </h5>
                                    <div class="d-flex align-items-center flex-wrap gap-2 mb-1">
                                        <small class="text-muted small">
                                            <i class="fas fa-map-marker-alt text-danger me-1"></i> {{ immeuble.adresseGeographique|default('Localisation non définie') }}
                                        </small>
                                        <span class="badge-custom">REF: {{ immeuble.lot|default('-') }}</span>
                                        <span class="badge-custom">ÎLOT: {{ immeuble.ilot|default('-') }}</span>
                                    </div>
                                    {% if immeuble.description %}
                                        <p class="text-muted small mb-0 d-none d-lg-block text-truncate" style="max-width: 500px;">
                                            <em>{{ immeuble.description|striptags|slice(0, 80) }}...</em>
                                        </p>
                                    {% endif %}
                                </div>
                                
                                {# COLONNE 3 : ACTIONS #}
                                <div class="d-flex align-items-center gap-2 ms-auto">
                                    
                                    <a href="{{ path('app_entreprise_appartement_index', {'immeubleId': immeuble.id}) }}" 
                                       class="btn btn-sm btn-outline-success border-2 fw-bold px-3 d-none d-md-inline-block shadow-sm">
                                        <i class="fas fa-door-open me-1"></i> {{ immeuble.appartements|length }} Appartements
                                    </a>

                                    <div class="btn-group">
                                        <button class="btn btn-sm btn-light border dropdown-toggle shadow-sm" type="button" data-bs-toggle="dropdown" aria-expanded="false">
                                            <i class="fas fa-ellipsis-h text-muted" data-bs-toggle="tooltip" title="Actions"></i>
                                        </button>
                                        <ul class="dropdown-menu dropdown-menu-end shadow border-0">
                                            <li>
                                                <a class="dropdown-item {{ not canModify ? 'disabled opacity-50' : '' }}" 
                                                   href="{{ canModify ? path('app_entreprise_immeuble_edit', {'id': immeuble.id}) : '#' }}">
                                                    <i class="fas fa-pencil-alt me-2 text-default"></i> Modifier le lot
                                                </a>
                                            </li>
                                            <li>
                                                <a class="dropdown-item" href="{{ path('app_entreprise_immeuble_show', {'id': immeuble.id}) }}">
                                                    <i class="fas fa-eye me-2 text-muted"></i> Fiche détaillée
                                                </a>
                                            </li>
                                            <li class="d-md-none">
                                                <a class="dropdown-item" href="{{ path('app_entreprise_appartement_index', {'immeubleId': immeuble.id}) }}">
                                                    <i class="fas fa-door-open me-2 text-success"></i> {{ immeuble.appartements|length }} Appartements
                                                </a>
                                            </li>
                                            
                                            <li><hr class="dropdown-divider"></li>
                                            
                                            <li>
                                                <form method="post" action="{{ path('app_entreprise_immeuble_delete', {'id': immeuble.id}) }}" 
                                                      onsubmit="return confirm('Voulez-vous vraiment supprimer ce lot et ses données associées ?');">
                                                    <input type="hidden" name="_token" value="{{ csrf_token('delete' ~ immeuble.id) }}">
                                                    <button class="dropdown-item text-danger {{ not canModify ? 'disabled' : '' }}">
                                                        <i class="fas fa-trash-alt me-2"></i> Supprimer le lot
                                                    </button>
                                                </form>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                                {# FIN COLONNE 3 #}

                            </div>
                        </div>
                    </div>
                {% endfor %}
            </div>
        {% endif %}
    </div>

{% endblock %}