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

{% block title %}Modifier : {{ immeuble.titre }}{% endblock %}

{% block body %}
<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">Modifier : {{ immeuble.titre }}</h3>
            <p class="page-description mb-0 d-none d-md-block">Mettez à jour les informations relatives à ce lot de gestion.</p>
        </div>
        <div>
            <a href="{{ path('app_entreprise_immeuble_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">
        <div class="col-12 col-lg-8">
            <div class="card card-form">
                <div class="card-body p-4 p-md-5">
                    {# Formulaire de modification #}
                    {{ include('entreprise/immeuble/_form.html.twig', {
                        'button_label': 'Mettre à jour le lot',
                        'button_class': 'btn btn-success px-5 shadow-sm fw-bold'
                    }) }}

                    {# Section de suppression stylisée #}
                    <div class="delete-section">
                        <div class="danger-box">
                            <div class="d-flex align-items-center">
                                <div class="me-3 text-danger">
                                    <i class="fas fa-exclamation-triangle fa-2x"></i>
                                </div>
                                <div>
                                    <span class="danger-title">Zone de danger</span>
                                    <span class="danger-text">La suppression de ce lot est irréversible et supprimera les données liées.</span>
                                </div>
                            </div>
                            <div class="ms-3">
                                {{ include('entreprise/immeuble/_delete_form.html.twig') }}
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        {# --- SIDEBAR INFO --- #}
        <div class="col-12 col-lg-4">
            <div class="card sidebar-help border-0 shadow-sm">
                <div class="card-body p-4">
                    <h6 class="fw-bold text-dark mb-3">
                        <i class="fas fa-edit me-2 text-success"></i> Modification
                    </h6>
                    <p class="small text-muted mb-4">
                        Toutes les modifications apportées ici seront répercutées sur les fiches liées à ce lot.
                    </p>
                    
                    <div class="info-card-highlight bg-success-soft" style="padding:5px;font-size:14px">
                        <div class="d-flex align-items-center mb-2 text-success">
                            <i class="fas fa-door-open me-2"></i>
                            <span class="fw-bold small">{{ immeuble.appartements|length }} Unité(s) dépendante(s)</span>
                        </div>
                        <p class="text-muted mb-0 ">
                            La modification de l'adresse ou du titre n'impacte pas l'inventaire des appartements déjà enregistrés.
                        </p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
{% endblock %}