{% use 'bootstrap_5_layout.html.twig' %}

{#
 # Form theme global — améliore l'affichage des erreurs de validation
 #}

{%- block form_errors -%}
    {%- if errors|length > 0 -%}
        <ul class="list-unstyled mb-0 mt-1">
            {%- for error in errors -%}
                <li class="d-flex align-items-start gap-2 mt-1">
                    <span class="badge bg-danger rounded-pill p-1 mt-1 flex-shrink-0">
                        <i class="fas fa-exclamation fa-xs"></i>
                    </span>
                    <span class="text-danger small fw-medium">{{ error.message }}</span>
                </li>
            {%- endfor -%}
        </ul>
    {%- endif -%}
{%- endblock form_errors -%}