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

{% if field.is_hidden %}
    {{ field }}
{% else %}
    <div id="div_{{ field.auto_id }}" data-testid="{{ test_id }}__checkboxblock" 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 class="ba-input-group ba-block{% if field.errors %} ba-error{% endif %}"{% 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 }}__checkboxblock__legend"
                    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 class="ba-check-group" data-testid="{{ test_id }}__checkboxblock__options">
            {% crispy_field field %}
        </div>
        {% include 'dpl_components/layout/dpl.field_error.html' %}
        {% if extra_text %}
            <p id="extra-text-unique-{{ field.auto_id }}" class="form-text">{{ extra_text|safe }}</p>
        {% endif %}
        {% if field.label %}</fieldset>{% endif %}
    </div>
{% endif %}