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

{% block title %}Modifier {{ locataire.nom|upper }} | {{ entreprise.raisonSociale|default('Mon Bureau') }}{% 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-user-edit text-success me-2"></i>Modifier le Locataire
            </h3>
            <p class="text-muted small mb-0 d-none d-md-block">
                Mise à jour des informations de <strong>{{ locataire.nom|upper }} {{ locataire.prenom }}</strong>
            </p>
        </div>
        
        <div>
            <a href="{{ path('app_entreprise_locataire_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">
        {# --- ZONE FORMULAIRE --- #}
        <div class="col-12 col-lg-8">
            <div class="card card-form shadow-sm mb-4">
                <div class="card-body ">
                    {# Inclusion du formulaire partiel avec style du bouton d'action #}
                    {{ include('entreprise/locataire/_form.html.twig', {
                        'button_label': 'Mettre à jour les informations',
                        'button_class': 'btn btn-success px-5 shadow-sm fw-bold'
                    }) }}
                </div>
            </div>

            {# --- ZONE DE SUPPRESSION --- #}
            {% if is_granted('ROLE_ENTREPRISE_ROOT') %}
                <div class="card border-danger shadow-sm mt-5" style="border-radius: 10px; border-style: dashed !important; background-color: #fff5f5;">
                    <div class="card-body p-4">
                        <div class="d-flex align-items-center justify-content-between flex-wrap gap-3">
                            <div>
                                <h6 class="text-danger fw-bold mb-1"><i class="fas fa-exclamation-triangle me-2"></i>Zone de danger</h6>
                                <p class="small text-muted mb-0">La suppression définitive retirera ce locataire de votre **lot**.</p>
                            </div>
                            {{ include('entreprise/locataire/_delete_form.html.twig', {'locataire': locataire}) }}
                        </div>
                    </div>
                </div>
            {% endif %}
        </div>

        {# --- ZONE D'INFORMATION (SIDEBAR) --- #}
        <div class="col-12 col-lg-4">
            <div class="card border-0 shadow-sm mb-4" style="border-radius: 10px;">
                <div class="card-body p-4">
                    <h6 class="fw-bold text-dark mb-3">
                        <i class="fas fa-id-card me-2 text-success"></i>Récapitulatif
                    </h6>
                    <div class="d-flex align-items-center mb-3">
                        <div class="avatar-placeholder me-3">
                            {{ locataire.nom|slice(0,1)|upper }}
                        </div>
                        <div>
                            <div class="fw-bold">{{ locataire.nom|upper }}</div>
                            <div class="small text-muted">Locataire enregistré</div>
                        </div>
                    </div>
                    
                    <hr class="my-3 opacity-10">
                    
                    <p class="small text-muted mb-3">
                        <i class="fas fa-info-circle me-1"></i> Les modifications seront appliquées à tous les documents futurs liés à cet locataire.
                    </p>

                    
                </div>
            </div>
        </div>
    </div>
</div>
{% endblock %}