{% load crispy_forms_filters %}
{% load crispy_forms_field %}
{% load l10n %}

{% if field.is_hidden %}
    {{ field }}
{% else %}
    <div id="div_{{ field.auto_id }}" data-testid="{{ test_id }}__wrapper" class="mb-3{% if 'form-horizontal' in form_class %} row{% endif %}{% if wrapper_class %} {{ wrapper_class }}{% endif %}{% if field.css_classes %} {{ field.css_classes }}{% endif %}">

        {% if field.label %}
            <fieldset{% if field.aria_describedby %} aria-describedby="{{ field.aria_describedby }}"{% endif %}{% if 'form-horizontal' in form_class %} class="row"{% endif %}>
            <legend for="{{ field.id_for_label }}" data-testid="{{ test_id }}__label" class="{{ label_class }} fs-6{% if 'form-horizontal' in form_class %} col-form-label pt-0{% else %} form-label{% endif %}{% if field.field.required %} requiredField{% endif %}">
                {{ field.label }}{% include 'dpl_components/layout/dpl.asterik.html' %}
                {% include 'dpl_components/layout/help_text.html' %}
            </legend>
        {% endif %}

        <div {% if field_class %}class="{{ field_class }}"{% endif %}{% if flat_attrs %} {{ flat_attrs }}{% endif %}>
            {% crispy_field field %}
        </div>
        {% include 'dpl_components/layout/dpl.field_error.html' %}

        {% if field.label %}</fieldset>{% endif %}
    </div>
{% endif %}