{% load i18n admin_urls pinmok_admin_tags pinmok_tags %}
<div class="js-inline-admin-formset inline-group" id="{{ inline_admin_formset.formset.prefix }}-group"
     data-inline-type="stacked" data-inline-formset="{{ inline_admin_formset.inline_formset_data }}">
    {{ inline_admin_formset.formset.management_form }}
    {% if inline_admin_formset.is_collapsible %}
        <div class="accordion accordion-tabs accordion-inverted">
    {% endif %}
    {# @formatter:off #}
    <fieldset class="card mb-3{{ inline_admin_formset.classes|cut:"collapse" }}{% if inline_admin_formset.is_collapsible %} accordion-item{% endif %}" aria-labelledby="{{ inline_admin_formset.formset.prefix }}-heading">
    {# @formatter:on #}
        <div class="card-header">
            <div id="{{ inline_admin_formset.formset.prefix }}-heading" class="card-title">
                {% if inline_admin_formset.is_collapsible %}
                    <button class="accordion-button collapsed p-0" type="button" data-bs-toggle="collapse" data-bs-target="#stacked">
                        {% if inline_admin_formset.formset.max_num == 1 %}
                            {{ inline_admin_formset.opts.verbose_name|capfirst }}
                        {% else %}
                            {{ inline_admin_formset.opts.verbose_name_plural|capfirst }}
                        {% endif %}
                        <div class="accordion-button-toggle">
                            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"
                                 stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon">
                                <path d="M6 9l6 6l6 -6"></path>
                            </svg>
                        </div>
                    </button>
                {% else %}
                    {% if inline_admin_formset.formset.max_num == 1 %}
                        {{ inline_admin_formset.opts.verbose_name|capfirst }}
                    {% else %}
                        {{ inline_admin_formset.opts.verbose_name_plural|capfirst }}
                    {% endif %}
                {% endif %}
            </div>
        </div>

        <div class="card-body{% if inline_admin_formset.is_collapsible %} accordion-collapse collapse{% endif %}" id="stacked">
            {% alert inline_admin_formset.formset.non_form_errors %}
            {% for inline_admin_form in inline_admin_formset %}
                <div class="inline-related form-fieldset{% if inline_admin_form.original or inline_admin_form.show_url %} has_original{% endif %}{% if forloop.last and inline_admin_formset.has_add_permission %} empty-form last-related{% endif %}"
                     id="{{ inline_admin_formset.formset.prefix }}-{% if forloop.last and inline_admin_formset.has_add_permission %}empty{% else %}{{ forloop.counter0 }}{% endif %}">
                    <div class="mb-2 d-flex align-items-center gap-2">
                        <strong>{{ inline_admin_formset.opts.verbose_name|capfirst }}:</strong>

                        {% if inline_admin_form.original %}{{ inline_admin_form.original }}
                            {% if inline_admin_form.model_admin.show_change_link and inline_admin_form.model_admin.has_registered_model %}
                                <a href="{% url inline_admin_form.model_admin.opts|admin_urlname:'change' inline_admin_form.original.pk|admin_urlquote %}"
                                   class="btn btn-sm btn-outline">
                                    {% if inline_admin_formset.has_change_permission %}
                                        {% icon 'tabler-pencil' 'icon icon-sm text-warning' %}
                                        {% translate "Change" %}
                                    {% else %}
                                        {% icon 'tabler-eye' 'icon icon-sm text-primary' %}
                                        {% translate "View" %}
                                    {% endif %}
                                </a>
                            {% endif %}
                        {% else %}
                            #{{ forloop.counter }}
                        {% endif %}

                        {% if inline_admin_form.show_url %}
                            <a href="{{ inline_admin_form.absolute_url }}" class="btn btn-sm btn-outline">{% translate "View on site" %}</a>
                        {% endif %}

                        {% if inline_admin_formset.formset.can_delete and inline_admin_formset.has_delete_permission and inline_admin_form.original %}
                            <span class="ms-auto">{{ inline_admin_form.deletion_field.field|add_class:'form-check-input me-1' }} {{ inline_admin_form.deletion_field.label_tag }}</span>
                        {% endif %}
                    </div>
                    {% if inline_admin_form.form.non_field_errors %}{% alert inline_admin_form.form.non_field_errors %}{% endif %}

                    {% with parent_counter=forloop.counter0 %}
                        {% for fieldset in inline_admin_form %}
                            {% include "admin/includes/fieldset.html" with heading_level=4 prefix=fieldset.formset.prefix id_prefix=parent_counter id_suffix=forloop.counter0 %}
                        {% endfor %}
                    {% endwith %}

                    {% if inline_admin_form.needs_explicit_pk_field %}{{ inline_admin_form.pk_field.field }}{% endif %}
                    {% if inline_admin_form.fk_field %}{{ inline_admin_form.fk_field.field }}{% endif %}
                </div>
            {% endfor %}
        </div>
    </fieldset>
    {% if inline_admin_formset.is_collapsible %}</div>{% endif %}
</div>