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

{% block title %}Contrat {{ location.locataire.nom|upper }} | {{ location.appartement.titre }}{% endblock %}

{% block body %}

{# --- LOGIQUE DE CONTRÔLE --- #}
{% set isExpired = (abonnementActuel is null or not abonnementActuel.isActive()) %}
{% set canModify = (not isExpired) %}
{% set isActiveContract = (location.dateFin is null or location.dateFin > date()) %}

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

    {# --- EN-TÊTE --- #}
    <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">Détails du Contrat</h3>
                <p class="text-muted small mb-0">Réf : #{{ location.id }} | <strong>Lot :</strong> {{ location.appartement.immeuble.titre }}</p>
            </div>
        </div>
        
        <div class="d-flex gap-2">
            <a href="{{ path('app_entreprise_location_index') }}" class="btn btn-sm btn-secondary shadow-sm px-3">
                <i class="fas fa-list me-1"></i> Liste
            </a>
            
            {# NOUVEAU : Bouton pour rédiger/éditer le texte du bail #}
            <a href="{{ path('app_entreprise_location_bail_edit', {'id': location.id}) }}" class="btn btn-sm btn-info text-white shadow-sm px-3">
                <i class="fas fa-file-signature me-1"></i> Contrat de bail
            </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_location_edit', {'id': location.id}) : '#' }}" 
                       class="btn btn-sm btn-warning text-white 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 : INFOS GÉNÉRALES & DOCUMENTS --- #}
        <div class="col-12 col-lg-8">
            <div class="card card-detail shadow-sm mb-4">
                <div class="card-body p-4">
                    <h6 class="fw-bold mb-4 border-bottom pb-2 text-muted italic">Spécifications du bail</h6>
                    
                    <div class="row g-4 mb-4">
                        <div class="col-md-6">
                            <div class="info-label mb-1">Type de bail</div>
                            <div class="info-value">
                                {% if location.typeBail == constant('App\\Entity\\Entreprise\\Location::TYPE_PROFESSIONNEL') %}
                                    <span class="status-pill bg-soft-info"><i class="fas fa-briefcase me-2"></i>Professionnel / Commercial</span>
                                {% else %}
                                    <span class="status-pill bg-soft-info"><i class="fas fa-home me-2"></i>Habitation</span>
                                {% endif %}
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="info-label mb-1">Statut du contrat</div>
                            <div class="info-value">
                                {% if isActiveContract %}
                                    <span class="status-pill bg-soft-success"><i class="fas fa-check-circle me-1"></i> Actif</span>
                                {% else %}
                                    <span class="status-pill bg-soft-danger"><i class="fas fa-times-circle me-1"></i> Terminé</span>
                                {% endif %}
                            </div>
                        </div>
                    </div>

                    <div class="row g-4 mb-4">
                        <div class="col-md-6">
                            <div class="info-label mb-1">Locataire</div>
                            <a href="{{ path('app_entreprise_locataire_show', {'id': location.locataire.id}) }}" class="text-decoration-none">
                                <div class="info-value text-success"><i class="fas fa-user-circle me-2"></i>{{ location.locataire.nomComplet }}</div>
                            </a>
                        </div>
                        <div class="col-md-6">
                            <div class="info-label mb-1">Appartement</div>
                            <a href="{{ path('app_entreprise_appartement_show', {'id_immeuble': location.appartement.immeuble.id, 'id': location.appartement.id}) }}" class="text-decoration-none">
                                <div class="info-value text-dark"><i class="fas fa-building me-2"></i>{{ location.appartement.titre }}</div>
                            </a>
                        </div>
                    </div>

                    {# NOUVEAU : Caution et Description #}
                    <div class="row g-4 border-top pt-3">
                        <div class="col-md-6">
                            <div class="info-label mb-1">Montant de la caution</div>
                            <div class="info-value fw-bold text-success">
                                {{ location.caution ? location.caution|format_money : 'Non spécifiée' }}
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="info-label mb-1">Notes complémentaires</div>
                            <div class="info-value small text-muted">
                                {{ location.description ?: 'Aucune description ajoutée.' }}
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            {# NOUVEAU : BLOC DOCUMENT DU BAIL (Aperçu) #}
            <div class="card card-detail shadow-sm mb-4 border-top border-4 border-success">
                <div class="card-body p-4">
                    <div class="d-flex justify-content-between align-items-center mb-3">
                        <h6 class="fw-bold mb-0 text-muted italic"><i class="fas fa-file-contract me-2 text-info"></i>Contenu du document de bail</h6>
                        {% if location.contenuBail %}
                            <a href="{{ path('app_entreprise_location_bail_pdf', {'id': location.id}) }}" 
                            target="_blank" 
                            class="btn btn-xs btn-outline-dark shadow-sm">
                            <i class="fas fa-print me-1 text-info"></i> Imprimer le contrat
                            </a>

                            <a href="{{ path('app_entreprise_location_bail_edit', {'id': location.id}) }}" class="btn btn-sm btn-info text-white shadow-sm px-3">
                <i class="fas fa-file-signature me-1"></i> Modifier
            </a>
                        {% endif %}
                    </div>
                    
                    {% if location.contenuBail %}
                        <div class="p-3 bg-light border rounded shadow-inner" style="max-height: 250px; overflow-y: auto; font-family: serif; line-height: 1.6;">
                            {{ location.contenuBail|raw }}
                        </div>
                    {% else %}
                        <div class="text-center py-4 bg-light rounded border border-dashed">
                            <i class="fas fa-edit text-muted fa-2x mb-2"></i>
                            <p class="text-muted small mb-0">Le texte du contrat n'a pas encore été rédigé.</p>
                            <a href="{{ path('app_entreprise_location_bail_edit', {'id': location.id}) }}" class="btn btn-link btn-sm text-info">Rédiger maintenant</a>
                        </div>
                    {% endif %}
                </div>
            </div>

            {# PÉRIODE ET CALENDRIER #}
            <div class="card card-detail shadow-sm mb-4">
                <div class="card-body p-4">
                    <h6 class="fw-bold mb-3 text-muted italic">Calendrier et Échéances</h6>
                    <div class="row align-items-center">
                        <div class="col-md-5">
                            <div class="date-box text-center">
                                <div class="info-label">Date de début</div>
                                <div class="info-value fs-5">{{ location.dateDebut|date('d/m/Y') }}</div>
                            </div>
                        </div>
                        <div class="col-md-2 text-center text-muted">
                            <i class="fas fa-arrow-right fa-lg d-none d-md-block"></i>
                            <i class="fas fa-arrow-down fa-lg d-md-none my-2"></i>
                        </div>
                        <div class="col-md-5">
                            <div class="date-box text-center">
                                <div class="info-label">Date de fin</div>
                                <div class="info-value fs-5">{{ location.dateFin ? location.dateFin|date('d/m/Y') : 'Indéterminée' }}</div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        {# --- COLONNE DROITE : FINANCES & ACTIONS --- #}
        <div class="col-12 col-lg-4">
            
            {# 1. ÉCHÉANCE DE PAIEMENT #}
            <div class="card card-detail shadow-sm mb-4 border-start border-warning border-4">
                <div class="card-body p-4">
                    <div class="info-label mb-2"><i class="fas fa-clock me-2 text-warning"></i>Échéance Mensuelle</div>
                    <div class="d-flex align-items-baseline">
                        <span class="display-6 fw-bold text-dark">{{ location.jourLimitePaiement|default(5) }}</span>
                        <span class="ms-2 fw-bold text-muted">du mois</span>
                    </div>
                    <p class="small text-muted mt-2 mb-0 italic">Le loyer est exigible au plus tard à cette date.</p>
                </div>
            </div>

            {# 2. BLOC DE CLÔTURE #}
            {% if is_granted('ROLE_ENTREPRISE_COLLAB') and isActiveContract %}
                <div class="card action-card shadow-sm mb-4 border-start border-4 border-warning">
                    <div class="card-body p-4">
                        <h6 class="fw-bold text-dark mb-3">
                            <i class="fas fa-calendar-times me-2 text-warning"></i> Fin de location
                        </h6>
                        <p class="small text-muted mb-3">Action irréversible pour libérer l'appartement.</p>
                        
                        <form method="post" id="form-cloture-show" action="{{ path('app_entreprise_location_close', {'id': location.id}) }}">
                            <input type="hidden" name="close_token" value="{{ csrf_token('close_location' ~ location.id) }}">
                            
                            <div class="mb-3">
                                <label for="date_fin_show" class="small fw-bold mb-1">Date de départ effective</label>
                                <input type="date" id="date_fin_show" name="date_fin" class="form-control form-control-sm" 
                                       required max="{{ "now"|date('Y-m-d') }}">
                            </div>
                            
                            <button class="btn btn-warning btn-sm w-100 fw-bold" type="submit">
                                <i class="fas fa-handshake-slash me-1"></i> Clôturer le bail
                            </button>
                        </form>
                    </div>
                </div>
            {% endif %}

            {# 3. ZONE DE DANGER #}
            {% if is_granted('ROLE_ENTREPRISE_COLLAB') %}
                <div class="card card-detail shadow-sm bg-soft-danger border-start border-4 border-danger">
                    <div class="card-body p-4">
                        <h6 class="fw-bold text-danger mb-3 text-uppercase small">
                            <i class="fas fa-exclamation-triangle me-2"></i>Administration
                        </h6>
                        <p class="small text-muted mb-4">
                            La suppression est définitive et effacera l'historique d'occupation.
                        </p>
                        <div class="{{ not canModify ? 'opacity-50 pointer-none' : '' }}">
                            {{ include('entreprise/location/_delete_form.html.twig', {'location': location}) }}
                        </div>
                    </div>
                </div>
            {% endif %}
        </div>
    </div>
</div>
{% endblock %}

{% block javascripts %}
    {{ parent() }}
    <script>
        document.addEventListener('DOMContentLoaded', function() {
            const dateClotureInput = document.getElementById('date_fin_show');
            const formCloture = document.getElementById('form-cloture-show');
            
            const dateDebutValeur = "{{ location.dateDebut|date('Y-m-d') }}";
            const locataireNom = "{{ location.locataire.nomComplet }}";

            if (dateClotureInput && formCloture) {
                dateClotureInput.setAttribute('min', dateDebutValeur);

                dateClotureInput.addEventListener('change', function() {
                    if (this.value && this.value < dateDebutValeur) {
                        alert("La date de clôture ne peut pas être antérieure au début du contrat (" + "{{ location.dateDebut|date('d/m/Y') }}" + ").");
                        this.value = "{{ "now"|date('Y-m-d') }}";
                    }
                });

                formCloture.addEventListener('submit', function(e) {
                    const dateSaisie = new Date(dateClotureInput.value).toLocaleDateString('fr-FR');
                    const confirmation = confirm(
                        "CONFIRMATION DE CLÔTURE\n\n" +
                        "Locataire : " + locataireNom + "\n" +
                        "Date de fin : " + dateSaisie + "\n\n" +
                        "L'appartement sera marqué comme disponible. Confirmez-vous ?"
                    );

                    if (!confirmation) {
                        e.preventDefault();
                    }
                });
            }
        });
    </script>
{% endblock %}