{# templates/admin/poste/_form.html.twig #}

{{ form_start(form, {'attr': {'class': 'needs-validation', 'novalidate': 'novalidate'}}) }}
    
    {# Champ Libellé #}
    <div class="mb-4">
        {{ form_label(form.libelle, null, {'label_attr': {'class': 'form-label fw-bold text-dark small text-uppercase'}}) }}
        <div class="input-group shadow-sm">
            <span class="input-group-text bg-white border-end-0 text-muted">
                <i class="fas fa-briefcase fa-sm"></i>
            </span>
            {{ form_widget(form.libelle, {
                'attr': {
                    'class': 'form-control border-start-0 ps-0',
                    'placeholder': 'ex: Responsable d\'Exploitation'
                }
            }) }}
        </div>
        <div class="form-text text-muted" style="font-size: 0.75rem;">
            {{ form_help(form.libelle) }}
        </div>
        {{ form_errors(form.libelle) }}
    </div>

    {# Champ Niveau d'Accès #}
    <div class="mb-5">
        {{ form_label(form.niveau, null, {'label_attr': {'class': 'form-label fw-bold text-dark small text-uppercase'}}) }}
        <div class="input-group shadow-sm">
            <span class="input-group-text bg-white border-end-0 text-muted">
                <i class="fas fa-layer-group fa-sm"></i>
            </span>
            {{ form_widget(form.niveau, {
                'attr': {
                    'class': 'form-select border-start-0 ps-0'
                }
            }) }}
        </div>
        <div class="form-text text-muted" style="font-size: 0.75rem;">
            {{ form_help(form.niveau) }}
        </div>
        {{ form_errors(form.niveau) }}
    </div>

    {# Bouton d'action #}
    <div class="d-grid">
        <button type="submit" class="btn btn-login py-2 shadow-sm">
            <i class="fas fa-check-circle me-2"></i>
            {{ button_label|default('Enregistrer le poste') }}
        </button>
    </div>

{{ form_end(form) }}

<style>
    /* Focus personnalisé sur les Input Groups */
    .input-group:focus-within {
        box-shadow: 0 0 0 0.25rem rgba(45, 90, 39, 0.15) !important;
        border-radius: 6px;
    }
    
    .input-group:focus-within .input-group-text,
    .input-group:focus-within .form-control,
    .input-group:focus-within .form-select {
        border-color: #2D5A27 !important;
    }

    .form-control::placeholder {
        color: #cbd5e1;
        font-style: italic;
        font-size: 0.85rem;
    }

    /* Style spécifique pour les erreurs de validation Symfony */
    .invalid-feedback, .alert-danger {
        font-size: 0.8rem;
        margin-top: 0.5rem;
    }
</style>