{# templates/entreprise/location/index.html.twig #}
{% extends 'entreprise/entreprise_base.html.twig' %}

{% block title %}Contrats de Location | {{ entreprise.raisonSociale|default('Mon Bureau') }}{% endblock %}

{% block body %}

{# --- LOGIQUE DE TRI --- #}
{% set currentSort = app.request.query.get('sort', 'dateDebut') %}
{% set currentDir = app.request.query.get('direction', 'DESC') %}
{% set nextDirection = (currentDir == 'ASC') ? 'DESC' : 'ASC' %}

{# --- VARIABLES DE CONTRÔLE --- #}
{% set plan = (abonnementActuel and abonnementActuel.abonnement) ? abonnementActuel.abonnement : null %}
{% set totalLocations = locations|length %}
{% set isExpired = (abonnementActuel is null or not abonnementActuel.isActive()) %}
{% set quotaAtteint = (plan and plan.limiteLocation > 0 and totalLocations >= plan.limiteLocation) %}
{% set canAddLocation = (not isExpired and not quotaAtteint) %}
{% set canModify = (not isExpired) %}

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

    {# --- EN-TÊTE --- #}
    <div class="d-flex justify-content-between align-items-center mb-4 flex-wrap gap-3">
        <div>
             <h3 class="page-header page-header-top mb-1">Contrats de Location
                <span class="ms-2 badge bg-light text-dark border badge-quota">
                    <strong>{{ totalLocations }}</strong> / {{ (plan and plan.limiteLocation > 0) ? plan.limiteLocation : 'illimité' }}
                </span>
            </h3>
            <p class="text-muted small mb-0 page-description">Suivi des baux et des occupations de vos Appartements.</p>
        </div>

        {% if is_granted('ROLE_ENTREPRISE_COLLAB') %}
            <div {% if not canAddLocation %} data-bs-toggle="tooltip" title="Quota atteint ou abonnement expiré" {% endif %}>
                <a href="{{ canAddLocation ? path('app_entreprise_location_new') : path('app_entreprise_abonnement_plans') }}" 
                   class="btn btn-success shadow-sm px-4 loyer-express-btn {{ not canAddLocation ? 'disabled opacity-50' : '' }}">
                    <i class="fas {{ not canAddLocation ? 'fa-lock' : 'fa-plus' }} me-1"></i> Nouveau Contrat
                </a>
            </div>
        {% endif %}
    </div>

    {% include 'flash_messages.html.twig' %}
    
    {# --- BARRE DE RECHERCHE --- #}
    <div class="card shadow-sm p-3 mb-4 card-filter">
        <form method="GET" action="{{ path('app_entreprise_location_index') }}" class="row g-2">
            <div class="col-md-10">
                <div class="input-group">
                    <span class="input-group-text bg-white border-end-0 text-muted"><i class="fas fa-search"></i></span>
                    <input type="search" name="q" class="form-control border-start-0" placeholder="Rechercher un locataire ou un appartement..." value="{{ searchTerm|default('') }}">
                    <input type="hidden" name="sort" value="{{ currentSort }}">
                    <input type="hidden" name="direction" value="{{ currentDir }}">
                    <button class="btn btn-success px-4 loyer-express-btn" type="submit">Filtrer</button>
                </div>
            </div>
            <div class="col-md-2">
                <a href="{{ path('app_entreprise_location_index') }}" class="btn btn-outline-secondary w-100 loyer-express-btn">Effacer</a>
            </div>
        </form>
    </div>

    {# --- TABLEAU --- #}
    <div class="card shadow-sm card-table-container">
        <div class="card-body card-body-visible p-0">
            {% if locations is empty %}
                <div class="text-center py-5">
                    <i class="fas fa-file-contract fa-3x text-light mb-3"></i>
                    <p class="text-muted">Aucun contrat de location trouvé.</p>
                </div>
            {% else %}
                <div class="table-responsive">
                    <table class="table table-custom table-hover align-middle mb-0">
                        <thead>
                            <tr>
                                <th class="ps-4">
                                    <a href="{{ path('app_entreprise_location_index', app.request.query.all|merge({'sort': 'locataire', 'direction': nextDirection})) }}" 
                                       class="sort-link {{ currentSort == 'locataire' ? 'active' : '' }}">
                                        Locataire <i class="fas {{ currentSort == 'locataire' ? (currentDir == 'ASC' ? 'fa-sort-up' : 'fa-sort-down') : 'fa-sort' }}"></i>
                                    </a>
                                </th>
                                <th>
                                    <a href="{{ path('app_entreprise_location_index', app.request.query.all|merge({'sort': 'typeBail', 'direction': nextDirection})) }}" 
                                       class="sort-link {{ currentSort == 'typeBail' ? 'active' : '' }}">
                                        Type <i class="fas {{ currentSort == 'typeBail' ? (currentDir == 'ASC' ? 'fa-sort-up' : 'fa-sort-down') : 'fa-sort' }}"></i>
                                    </a>
                                </th>
                                <th>
                                    <a href="{{ path('app_entreprise_location_index', app.request.query.all|merge({'sort': 'appartement', 'direction': nextDirection})) }}" 
                                       class="sort-link {{ currentSort == 'appartement' ? 'active' : '' }}">
                                        Appartement / Lot <i class="fas {{ currentSort == 'appartement' ? (currentDir == 'ASC' ? 'fa-sort-up' : 'fa-sort-down') : 'fa-sort' }}"></i>
                                    </a>
                                </th>
                                <th>
                                    <a href="{{ path('app_entreprise_location_index', app.request.query.all|merge({'sort': 'dateDebut', 'direction': nextDirection})) }}" 
                                       class="sort-link {{ currentSort == 'dateDebut' ? 'active' : '' }}">
                                        Début <i class="fas {{ currentSort == 'dateDebut' ? (currentDir == 'ASC' ? 'fa-sort-up' : 'fa-sort-down') : 'fa-sort' }}"></i>
                                    </a>
                                </th>
                                <th>
                                    <a href="{{ path('app_entreprise_location_index', app.request.query.all|merge({'sort': 'statut', 'direction': nextDirection})) }}" 
                                       class="sort-link {{ currentSort == 'statut' ? 'active' : '' }}">
                                        Statut <i class="fas {{ currentSort == 'statut' ? (currentDir == 'ASC' ? 'fa-sort-up' : 'fa-sort-down') : 'fa-sort' }}"></i>
                                    </a>
                                </th>
                                <th class="text-end pe-4">Actions</th>
                            </tr>
                        </thead>
                        <tbody>
                            {% for location in locations %}
                                <tr>
                                    <td class="ps-4">
                                        <div class="fws-bold text-dark">{{ location.locataire.nom|upper }} {{ location.locataire.prenom }}</div>
                                        <div class="extra-small text-muted"><i class="fas fa-phone me-1"></i>{{ location.locataire.telephone }}</div>
                                    </td>
                                    <td>
                                        {% if location.typeBail == constant('App\\Entity\\Entreprise\\Location::TYPE_PROFESSIONNEL') %}
                                            <span class="badge border text-info border-info badge-type-bail">PRO</span>
                                        {% else %}
                                            <span class="badge border text-success border-success badge-type-bail">HAB</span>
                                        {% endif %}
                                    </td>
                                    <td>
                                        <div class="d-flex align-items-center">
                                            <div class="avatar-placeholder me-2">
                                                <i class="fas fa-door-open"></i>
                                            </div>
                                            <div>
                                                <div class="small fw-bold">{{ location.appartement.titre }}</div>
                                                <div class="extra-small text-muted">{{ location.appartement.immeuble.titre }} (Lot)</div>
                                            </div>
                                        </div>
                                    </td>
                                    <td class="small">
                                        {{ location.dateDebut|date('d/m/Y') }}
                                    </td>
                                    <td>
                                        {% if location.dateFin is null %}
                                            <span class="badge bg-success-soft fw-normal">Actif</span>
                                        {% else %}
                                            <span class="badge bg-light text-muted border fw-normal">Terminé</span>
                                        {% endif %}
                                    </td>
                                    <td class="text-end pe-4">
                                        <div class="btn-group">
                                            <button class="btn btn-sm btn-light border dropdown-toggle shadow-sm" type="button" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                                <i class="fas fa-ellipsis-h text-muted"></i>
                                            </button>
                                            <ul class="dropdown-menu dropdown-menu-end shadow border-0">
                                                <li>
                                                    <a class="dropdown-item" href="{{ path('app_entreprise_location_show', {'id': location.id}) }}">
                                                        <i class="fas fa-eye me-2 text-success"></i> Voir le contrat
                                                    </a>
                                                </li>
                                                {% if is_granted('ROLE_ENTREPRISE_COLLAB') %}
                                                    <li><hr class="dropdown-divider"></li>
                                                    <li>
                                                        <a class="dropdown-item {{ not canModify ? 'disabled opacity-50' : '' }}" 
                                                           href="{{ canModify ? path('app_entreprise_location_edit', {'id': location.id}) : '#' }}">
                                                            <i class="fas fa-pencil-alt me-2 text-warning"></i> Modifier
                                                        </a>
                                                    </li>
                                                {% endif %}
                                            </ul>
                                        </div>
                                    </td>
                                </tr>
                            {% endfor %}
                        </tbody>
                    </table>
                </div>
            {% endif %}
        </div>
    </div>
</div>
{% endblock %}