{% macro field(form, colspan) %}
{% set has_error = form.vars.errors|length > 0 %}
<div class="form-field{% if colspan %} sm:col-span-{{ colspan }}{% endif %}{% if has_error %} form-field--invalid{% endif %}">
    {{ form_label(form, null, {label_attr: {class: 'block text-sm font-medium mb-1'}}) }}
    {{ form_widget(form, {attr: {class: 'w-full'}}) }}
    {% if form.vars.help %}
        <p class="form-help">{{ form.vars.help }}</p>
    {% endif %}
    {{ form_errors(form, {attr: {class: 'form-error'}}) }}
</div>
{% endmacro %}

{% macro toggle(form) %}
{% set has_error = form.vars.errors|length > 0 %}
<div class="toggle-row{% if has_error %} toggle-row--invalid{% endif %}">
    <div class="toggle-row-text">
        <span class="text-sm font-medium" id="{{ form.vars.id }}_label">{{ form.vars.label }}</span>
        {% if form.vars.help %}
            <p class="form-help">{{ form.vars.help }}</p>
        {% endif %}
    </div>
    <label class="toggle" for="{{ form.vars.id }}">
        {{ form_widget(form, {
            label: false,
            attr: form.vars.attr|merge({class: 'toggle-input', 'aria-labelledby': form.vars.id ~ '_label'})
        }) }}
        <span class="toggle-track" aria-hidden="true"></span>
    </label>
</div>
{{ form_errors(form, {attr: {class: 'form-error'}}) }}
{% endmacro %}

{% macro errors_summary(form) %}
{% if form.vars.submitted and not form.vars.valid %}
<div class="form-errors-summary" role="alert">
    <p class="form-errors-summary-title">
        <i class="ti ti-alert-circle" aria-hidden="true"></i>
        Corrigez les erreurs ci-dessous
    </p>
    <ul class="form-errors-summary-list">
        {% include '_form_errors_list.html.twig' with {form: form} only %}
    </ul>
</div>
{% endif %}
{% endmacro %}

{% macro section(title, subtitle = null) %}
<div class="pt-5 mt-5 border-t border-line first:mt-0 first:pt-0 first:border-0">
    <h2 class="text-sm font-semibold text-ink">{{ title }}</h2>
    {% if subtitle %}<p class="form-help mt-0.5">{{ subtitle }}</p>{% endif %}
</div>
{% endmacro %}

{% macro actions(cancel_path = null, submit_label = 'Enregistrer') %}
<div class="flex items-center justify-end gap-2 pt-5 mt-6 border-t border-line">
    {% if cancel_path %}
    <a href="{{ cancel_path }}" class="rounded-xl px-4 py-2.5 text-sm text-muted hover:bg-surface-2 hover:text-ink transition-colors">Annuler</a>
    {% endif %}
    <button type="submit" class="rounded-xl bg-accent text-on-accent px-6 py-2.5 text-sm font-medium">{{ submit_label }}</button>
</div>
{% endmacro %}