{# templates/entreprise/immeuble/new.html.twig #}
{% extends 'entreprise/entreprise_base.html.twig' %}

{% block title %}Nouveau Lot | {{ entreprise.raisonSociale|default('Mon Bureau') }}{% endblock %}

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

    <div class="d-flex justify-content-between align-items-center mb-4">
        <div>
            <h3 class="page-header page-header-top mb-1">Créer un nouveau lot</h3>
            <p class="page-description mb-0 d-none d-md-block">Renseignez les détails de votre nouvel immeuble ou 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">
                    {{ include('entreprise/immeuble/_form.html.twig') }}
                </div>
            </div>
        </div>

        <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-info-circle me-2 text-success"></i> Aide à la saisie
                    </h6>
                    <p class="small text-muted mb-3">
                        Le <strong>Lot</strong> est l'entité parente. Une fois créé, vous pourrez y ajouter des appartements.
                    </p>
                    <hr class="my-3 opacity-10">
                    <div class="p-3 bg-success-soft rounded border border-light">
                        <small class="text-muted  ">
                            <i class="fas fa-lightbulb text-warning me-1"></i> 
                            Astuce : Utilisez un nom clair que vos locataires reconnaîtront sur leurs quittances.
                        </small>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
{% endblock %}