{# templates/entreprise/locataire/_form.html.twig #}
{{ form_start(form) }}
    
    {# --- SECTION IDENTITÉ --- #}
    <div class="row g-3 mb-4">
        <div class="col-12">
            <h6 class="text-uppercase text-muted fw-bold small mb-3">
                <i class="fas fa-user-circle me-1 text-success"></i> Informations Personnelles
            </h6>
        </div>

        <div class="col-md-12 mb-2">
            {# Style personnalisé pour les boutons radio de civilité #}
            <div class="civilite-wrapper p-2 bg-light rounded border border-light-subtle d-inline-block">
                {{ form_widget(form.civilite) }}
            </div>
            {{ form_errors(form.civilite) }}
        </div>

        <div class="col-md-6">
            {{ form_label(form.nom) }}
            {{ form_widget(form.nom, {'attr': {'class': 'form-control', 'placeholder': 'Nom de famille'}}) }}
            {{ form_errors(form.nom) }}
        </div>

        <div class="col-md-6">
            {{ form_label(form.prenom) }}
            {{ form_widget(form.prenom, {'attr': {'class': 'form-control', 'placeholder': 'Prénom(s)'}}) }}
            {{ form_errors(form.prenom) }}
        </div>
    </div>

    {# --- SECTION CONTACT --- #}
    <div class="row g-3 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-address-book me-1 text-success"></i> Coordonnées
            </h6>
        </div>

        <div class="col-md-6">
            {{ form_label(form.email) }}
            <div class="input-group">
                <span class="input-group-text bg-white border-end-0 text-muted small">@</span>
                {{ form_widget(form.email, {'attr': {'class': 'form-control border-start-0', 'placeholder': 'exemple@email.com'}}) }}
            </div>
            {{ form_errors(form.email) }}
        </div>

        <div class="col-md-6">
            {{ form_label(form.telephone) }}
            <div class="input-group">
                <span class="input-group-text bg-white border-end-0 text-muted small"><i class="fas fa-phone-alt"></i></span>
                {{ form_widget(form.telephone, {'attr': {'class': 'form-control border-start-0', 'placeholder': '01 02 03 04 05'}}) }}
            </div>
            {{ form_errors(form.telephone) }}
        </div>
    </div>

    {# --- ACTIONS --- #}
    <div class="mt-4 pt-3 border-top">
        <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 locataire') }}
        </button>
    </div>
{{ form_end(form) }}

<style>
    /* Ajustement spécifique pour les boutons radio inline */
    .civilite-wrapper fieldset { margin-bottom: 0; }
    .civilite-wrapper div { display: flex; gap: 1.5rem; }
    .civilite-wrapper input[type="radio"] { margin-right: 0.5rem; cursor: pointer; }
    .civilite-wrapper label { font-weight: 500 !important; cursor: pointer; margin-bottom: 0 !important; }
</style>