{# templates/entreprise/location/_form.html.twig #}
{{ form_start(form) }}

    {# --- SECTION 1 : NATURE ET PARTIES --- #}
    <div class="row g-4 mb-4">
        <div class="col-12">
            <h6 class="text-uppercase text-muted fw-bold small mb-3">
                <i class="fas fa-file-signature me-1 text-success"></i> Configuration du Contrat
            </h6>
        </div>

        <div class="col-md-12">
            {{ form_label(form.typeBail) }}
            <div class="type-bail-wrapper p-3 bg-light rounded border border-light-subtle">
                {{ form_widget(form.typeBail) }}
                {{ form_errors(form.typeBail) }}
            </div>
        </div>

        <div class="col-md-6">
            {{ form_label(form.locataire) }}
            {{ form_widget(form.locataire, {'attr': {'class': 'form-select select2'}}) }}
            {{ form_errors(form.locataire) }}
        </div>

        <div class="col-md-6">
            {{ form_label(form.appartement) }}
            {{ form_widget(form.appartement, {'attr': {'class': 'form-select select2'}}) }}
            {{ form_errors(form.appartement) }}
        </div>
    </div>

    {# --- SECTION 2 : ÉCHÉANCIER ET DATES --- #}
    <div class="row g-4 mb-4">
        <div class="col-12">
            <hr class="my-3 opacity-10">
            <h6 class="text-uppercase text-muted fw-bold small mb-3">
                <i class="fas fa-calendar-alt me-1 text-success"></i> Dates et Échéances
            </h6>
        </div>

        <div class="col-md-6">
            {{ form_label(form.dateDebut, 'Date de prise d\'effet') }}
            {{ form_widget(form.dateDebut, {'attr': {'class': 'form-control'}}) }}
            {{ form_errors(form.dateDebut) }}
        </div>

        <div class="col-md-6">
            {{ form_label(form.dateFin, 'Date de fin (optionnelle)') }}
            {{ form_widget(form.dateFin, {'attr': {'class': 'form-control'}}) }}
            {{ form_errors(form.dateFin) }}
        </div>

        <div class="col-md-6">
            {{ form_label(form.jourLimitePaiement, 'Jour limite de paiement') }}
            <div class="input-group">
                <span class="input-group-text bg-white border-end-0 text-muted small"><i class="fas fa-clock"></i></span>
                {{ form_widget(form.jourLimitePaiement, {'attr': {'class': 'form-control border-start-0'}}) }}
            </div>
            {{ form_errors(form.jourLimitePaiement) }}
            <div class="extra-small text-success mt-2 fw-bold">
                Le loyer sera exigible le {{ form.vars.value.jourLimitePaiement|default(5) }} de chaque mois.
            </div>
        </div>

        <div class="col-md-6">
            <div class="p-3 rounded-3 border-0 bg-opacity-10 bg-info" style="background-color: #f0f9ff;">
                <div class="d-flex align-items-center">
                    <i class="fas fa-robot text-info fs-4 me-3"></i>
                    <div>
                        <strong class="d-block small text-dark">Automatisation active</strong>
                        <p class="extra-small mb-0 text-muted">
                            Avis d'échéance générés le <span class="badge bg-info text-white">{{ form.vars.value.jourLimitePaiement ? form.vars.value.jourLimitePaiement - 1 : 4 }}</span> du mois.
                        </p>
                    </div>
                </div>
            </div>
        </div>
    </div>

    {# --- SECTION 3 : CONDITIONS FINANCIÈRES ET NOTES --- #}
    <div class="row g-4 mb-4">
        <div class="col-12">
            <hr class="my-3 opacity-10">
            <h6 class="text-uppercase text-muted fw-bold small mb-3">
                <i class="fas fa-coins me-1 text-success"></i> Conditions Financières & Notes
            </h6>
        </div>

        <div class="col-md-6">
            {{ form_label(form.caution) }}
            

             <div class="input-group">
                <span class="input-group-text bg-white border-end-0 text-muted small"><i class="fas fa-vault"></i></i></span>
                {{ form_widget(form.caution, {
                    'attr': {
                        'class': 'form-control border-start-0', 
                        'placeholder': ''
                    }
                }) }}
                <span class="input-group-text bg-light text-muted small fw-bold">
                    {{ app.user.entreprise.devise.symbole|default('CFA') }}
                </span>
            </div>

            {{ form_errors(form.caution) }}
            <small class="text-muted extra-small">Montant du dépôt de garantie (caution).</small>
        </div>

        <div class="col-md-6">
            {{ form_label(form.description) }}
            {{ form_widget(form.description, {'attr': {'class': 'form-control', 'rows': '2', 'placeholder': 'Informations complémentaires...'}}) }}
            {{ form_errors(form.description) }}
        </div>
    </div>

    {# --- ACTIONS --- #}
    <div class="mt-4 pt-3 border-top d-flex align-items-center gap-3">
        <button type="submit" class="{{ button_class|default('btn btn-success px-5 shadow-sm fw-bold') }}">
            <i class="fas fa-save me-1"></i> {{ button_label|default('Enregistrer le contrat') }}
        </button>
        <a href="{{ path('app_entreprise_location_index') }}" class="text-muted small text-decoration-none hover-underline">Annuler</a>
    </div>

{{ form_end(form) }}