{% 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 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 %}">
                <label for="{{ field.id_for_label }}">{{ field.label }}{% include 'dpl_components/layout/dpl.asterik.html' %}</label>
                {% include 'dpl_components/layout/help_text.html' %}
            </legend>
        {% endif %}
        {% crispy_field field %}
        {% if extra_text %}
            <h1>{{ extra_text }}</h1>
        {% endif %}
        {% include 'dpl_components/layout/dpl.field_error.html' %}
        {% if field.label %}</fieldset>{% endif %}
    </div>
{% endif %}