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

{% block title %}Modifier le Contrat | {{ location.locataire.nom }}{% endblock %}

{% block body %}
<div class="container-fluid py-4 px-md-4">

    {# --- EN-TÊTE HARMONISÉ --- #}
    <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">
                <i class="fas fa-edit me-2 text-info"></i>Modification du Contrat
            </h3>
            <p class="text-muted small mb-0 d-none d-md-block">
                <strong>Appartement :</strong> {{ location.appartement.titre }} | 
                <strong>Locataire :</strong> {{ location.locataire.nom }} {{ location.locataire.prenom }}
            </p>
        </div>
        
        <div>
            <a href="{{ path('app_entreprise_location_index') }}" class="btn btn-sm btn-outline-secondary btn-return shadow-sm px-3">
                <i class="fas fa-arrow-left me-1"></i> Retour à la liste
            </a>
        </div>
    </div>

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

    <div class="row g-4">
        {# --- BLOC PRINCIPAL : FORMULAIRE --- #}
        <div class="col-12 col-lg-8">
            <div class="card card-form shadow-sm mb-4">
                <div class="card-body">
                    {{ include('entreprise/location/_form.html.twig', {
                        'button_label': 'Mettre à jour le contrat',
                        'button_class': 'btn btn-info text-white px-5 shadow-sm fw-bold'
                    }) }}
                </div>
            </div>
        </div>

        {# --- SIDEBAR : ACTIONS DE GESTION --- #}
        <div class="col-12 col-lg-4">
            {% if is_granted('ROLE_ENTREPRISE_COLLAB') %}
                
                {# 1. Clôture du Contrat #}
                <div class="card action-card shadow-sm zone-warning 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>
                        
                        {% if location.dateFin is not null %}
                            <div class="badge bg-warning text-dark p-2 w-100 mb-2">
                                <i class="fas fa-lock me-1"></i> Clôturé le {{ location.dateFin|date('d/m/Y') }}
                            </div>
                            <p class="small text-muted mb-0">Ce contrat est arrivé à son terme officiel.</p>
                        {% else %}
                            <p class="small text-muted mb-3">Utilisez cette action uniquement si le locataire quitte l'<strong>Appartement</strong>.</p>
                            
                            <form method="post" id="form-cloture-contrat" 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" class="small fw-bold mb-1">Date de départ effective</label>
                                    <input type="date" id="date_fin" 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>
                        {% endif %}
                    </div>
                </div>

                {# 2. Zone de danger (Suppression) #}
                {% if is_granted('ROLE_ENTREPRISE_ROOT') %}
                    <div class="card action-card shadow-sm zone-danger border-start border-4 border-danger">
                        <div class="card-body p-4">
                            <h6 class="fw-bold text-danger mb-3">
                                <i class="fas fa-exclamation-triangle me-2"></i> Zone d'administration
                            </h6>
                            <p class="small text-muted mb-3">
                                La suppression est irréversible. À utiliser uniquement en cas d'erreur de saisie totale.
                            </p>
                            {{ include('entreprise/location/_delete_form.html.twig', {'location': location}) }}
                        </div>
                    </div>
                {% endif %}

            {% else %}
                <div class="alert alert-light border shadow-xs small">
                    <i class="fas fa-info-circle text-muted me-2"></i>
                    Vous ne disposez pas des droits suffisants pour clôturer ou supprimer ce contrat.
                </div>
            {% endif %}
        </div>
    </div>
</div>
{% endblock %}

{% block javascripts %}
    {{ parent() }}
    <script>
        document.addEventListener('DOMContentLoaded', function() {
            // --- 1. SÉLECTEURS ---
            const dateDebutInput = document.querySelector('input[type="date"][id*="_dateDebut"]');
            const dateFinInput = document.querySelector('input[type="date"][id*="_dateFin"]');
            const dateClotureInput = document.getElementById('date_fin');
            const formCloture = document.getElementById('form-cloture-contrat');

            // Valeur de référence (Date de début du contrat existant)
            const dateDebutValeur = "{{ location.dateDebut|date('Y-m-d') }}";
            const locataireNom = "{{ location.locataire.nom }} {{ location.locataire.prenom }}";

            // --- 2. LOGIQUE : FORMULAIRE DE CLÔTURE (SIDEBAR) ---
            if (dateClotureInput && formCloture) {
                // Empêcher de choisir une date avant le début du contrat
                dateClotureInput.setAttribute('min', dateDebutValeur);

                // Validation au changement
                dateClotureInput.addEventListener('change', function() {
                    if (this.value && this.value < dateDebutValeur) {
                        alert("Erreur : 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') }}";
                    }
                });

                // Demande de confirmation au Submit
                formCloture.addEventListener('submit', function(e) {
                    const dateSaisie = new Date(dateClotureInput.value).toLocaleDateString('fr-FR');
                    const message = "ATTENTION : Vous allez clôturer définitivement le contrat de " + locataireNom + ".\n\n" +
                                    "Date de fin : " + dateSaisie + "\n\n" +
                                    "Confirmez-vous cette action ?";
                    
                    if (!confirm(message)) {
                        e.preventDefault();
                    }
                });
            }

            // --- 3. LOGIQUE : FORMULAIRE PRINCIPAL (MAIN) ---
            if (dateDebutInput && dateFinInput) {
                // Initialisation du min si une date de début existe
                if (dateDebutInput.value) {
                    dateFinInput.setAttribute('min', dateDebutInput.value);
                }

                dateDebutInput.addEventListener('change', function() {
                    if (this.value) {
                        dateFinInput.setAttribute('min', this.value);
                        if (dateFinInput.value && dateFinInput.value < this.value) {
                            dateFinInput.value = this.value;
                            alert("La date de fin du contrat a été ajustée pour correspondre à la date de début.");
                        }
                    }
                });

                dateFinInput.addEventListener('change', function() {
                    if (dateDebutInput.value && this.value < dateDebutInput.value) {
                        alert("Erreur : La date de fin ne peut pas être antérieure à la date de début.");
                        this.value = dateDebutInput.value;
                    }
                });
            }
        });
    </script>
{% endblock %}