{% load i18n insight_tags %}

<fieldset
    data-insight-checkbox-group
    data-minimum-checked="{{ checkbox_group_config.minimum_checked|default:-1 }}"
    data-maximum-checked="{{ checkbox_group_config.maximum_checked|default:1000000 }}"
    data-msg-min-reached="{% trans 'Minimum selection reached. At least one option must remain selected.' %}"
    data-msg-max-reached="{% trans 'Maximum selection reached. Deselect an option first.' %}"
>
    {% if checkbox_group_config.label %}
        <legend class="flex gap-1 mb-1 font-bold text-sm text-insight-headline">{{ checkbox_group_config.label }}</legend>
    {% endif %}
    <div class="flex {% if not checkbox_group_config.as_row %}flex-col space-y-1{% else %}space-x-4{% endif %}">
        {% for item in checkbox_group_config.items %}
            {% checkbox tag_id=item.tag_id name=checkbox_group_config.name value=item.value checked=item.checked disabled=item.disabled disabled_reason=item.disabled_reason label=item.label %}
        {% endfor %}
    </div>
    {# Live region for constraint violation announcements #}
    <span class="sr-only" aria-live="assertive" aria-atomic="true" data-checkbox-announcement></span>
</fieldset>