{% load crispy_forms_field %}
{% if field.is_hidden %}
    {{ field }}
{% else %}
    <div id="div_{{ field.auto_id }}" data-testid="{{ test_id }}__checkboxgroup__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 }}__checkboxgroup__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' %}
            </legend>
        {% endif %}
        {% if max_height %}<div style="max-height: {{ max_height }}px; overflow-y: auto; border: 1px solid {% if field.errors %}#dc3545{% else %}lightgray{% endif %}; border-radius: 8px; padding: 0.5rem; display: grid;">{% endif %}
        {% crispy_field field %}
        {% if max_height %}</div>{% endif %}
        {% include 'dpl_components/layout/help_text.html' %}
        {% include 'dpl_components/layout/dpl.field_error.html' %}
        {% if field.label %}</fieldset>{% endif %}
    </div>
{% endif %}