{% load ui_assets ui_formsets ui_props %}
{% ui_require_asset "trellis:formset" %}

<c-vars formset=""
        focus="[data-ui-formset-focus]"
        announce="True"
        disabled="False"
        class=""
        container_class="" />
{% ui_formset_context formset as formset_context %}
<div x-data="UiFormset"
     data-ui-formset
     data-prefix="{{ formset_context.prefix }}"
     data-min-forms="{{ formset_context.min_forms }}"
     data-max-forms="{{ formset_context.max_forms|ui_json }}"
     {% if disabled|ui_bool %}data-disabled{% endif %}
     data-focus="{{ focus }}"
     data-announce="{% if announce|ui_bool %}true{% else %}false{% endif %}"
     data-active-count="{{ formset_context.active_count }}"
     data-can-add="{% if disabled|ui_bool %}false{% elif formset_context.max_forms == None or formset_context.active_count < formset_context.max_forms %}true{% else %}false{% endif %}"
     data-can-remove="{% if not disabled|ui_bool and formset_context.active_count > formset_context.min_forms %}true{% else %}false{% endif %}"
     class="{{ class }}"
     {{ attrs }}>
    {{ formset_context.management_form }}
    <template data-ui-formset-template>{{ empty }}</template>
    {% if container %}
        {{ container }}
    {% else %}
        <div data-ui-formset-container class="{{ container_class }}">
            {{ slot }}
            {% if empty_state %}<div data-ui-formset-empty {% if formset_context.active_count %}hidden{% endif %}>{{ empty_state }}</div>{% endif %}
        </div>
    {% endif %}
    {% if add %}<div data-ui-formset-add>{{ add }}</div>{% endif %}
    {% if announce|ui_bool %}<div data-ui-formset-status class="sr-only" role="status" aria-live="polite" aria-atomic="true"></div>{% endif %}
</div>