{# Thème de formulaire Tailwind : classes définies dans assets/styles/app.css #}
{% use 'tailwind_2_layout.html.twig' %}

{%- block form_row -%}
    {%- set row_class = row_class|default('mb-5') -%}
    {{- parent() -}}
{%- endblock form_row -%}

{%- block widget_attributes -%}
    {%- set widget_class = widget_class|default('form-input') -%}
    {%- set widget_errors_class = 'border-red-500 focus:border-red-500 focus:ring-red-500/20' -%}
    {%- set widget_disabled_class = 'bg-slate-100 text-slate-500' -%}
    {{- parent() -}}
{%- endblock widget_attributes -%}

{%- block form_label -%}
    {%- set label_class = label_class|default('form-label') -%}
    {%- if required and label is not same as(false) -%}
        {%- set label_attr = label_attr|merge({class: (label_attr.class|default(label_class) ~ ' after:content-["_*"] after:text-red-500')|trim}) -%}
    {%- endif -%}
    {{- parent() -}}
{%- endblock form_label -%}

{%- block form_help -%}
    {%- set help_class = help_class|default('form-help') -%}
    {{- parent() -}}
{%- endblock form_help -%}

{%- block form_errors -%}
    {%- if errors|length > 0 -%}
        {%- if compound -%}
            <div class="mb-4 rounded-lg border border-red-200 bg-red-50 p-3 text-sm text-red-700">
                {%- for error in errors -%}<p>{{ error.message }}</p>{%- endfor -%}
            </div>
        {%- else -%}
            {%- set error_item_class = 'form-error' -%}
            {{- parent() -}}
        {%- endif -%}
    {%- endif -%}
{%- endblock form_errors -%}