{% load i18n admin_urls static adminflow_tags %}
<div class="js-inline-admin-formset inline-group space-y-4 mt-6"
     id="{{ inline_admin_formset.formset.prefix }}-group"
     data-inline-type="stacked"
     data-inline-formset="{{ inline_admin_formset.inline_formset_data }}">
    
    <fieldset class="module {{ inline_admin_formset.classes }} space-y-4">
        {{ inline_admin_formset.formset.management_form }}
        {{ inline_admin_formset.formset.non_form_errors }}

        {% for inline_admin_form in inline_admin_formset %}
        <div class="inline-related bg-surface-lowest border border-outline-variant rounded-xl p-5 shadow-sm {% 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 %}">
            
            {% if inline_admin_form.original %}
            <!-- Always show header + delete button for existing records -->
            <div class="flex items-center justify-between border-b border-outline-variant/60 pb-3 mb-4">
                <h4 class="text-xs font-bold text-on-surface flex items-center gap-2">
                    <span class="material-symbols-outlined text-sm text-primary">security</span>
                    {{ inline_admin_formset.opts.verbose_name|capfirst }}:
                    <span class="inline_label font-semibold text-on-surface-variant">
                        {{ inline_admin_form.original }}
                    </span>
                </h4>
                <div class="flex items-center gap-3">
                    {% if inline_admin_form.original and 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="text-[11px] font-bold text-primary hover:underline">
                            {% if inline_admin_formset.has_change_permission %}{% translate "Edit" %}{% else %}{% translate "View" %}{% endif %}
                        </a>
                    {% endif %}
                    {% if inline_admin_form.show_url %}
                        <a href="{{ inline_admin_form.absolute_url }}" class="text-[11px] font-bold text-on-surface-variant hover:text-on-surface">
                            {% translate "View on site" %}
                        </a>
                    {% endif %}
                    {% if inline_admin_formset.formset.can_delete and inline_admin_formset.has_delete_permission %}
                        <span class="delete flex items-center gap-1.5 text-xs text-rose-500 font-semibold cursor-pointer">
                            {{ inline_admin_form.deletion_field.field|add_class:"w-4 h-4 rounded border-rose-300 text-rose-600 focus:ring-rose-500" }}
                            {{ inline_admin_form.deletion_field.label_tag }}
                        </span>
                    {% endif %}
                </div>
            </div>
            {% elif inline_admin_formset.formset.max_num > 1 %}
            <!-- Show numbered header when multiple items allowed -->
            <div class="flex items-center justify-between border-b border-outline-variant/60 pb-3 mb-4">
                <h4 class="text-xs font-bold text-on-surface flex items-center gap-2">
                    <span class="material-symbols-outlined text-sm text-primary">security</span>
                    {{ inline_admin_formset.opts.verbose_name|capfirst }}:
                    <span class="inline_label font-semibold text-on-surface-variant">#{{ forloop.counter }}</span>
                </h4>
                <div class="flex items-center gap-3">
                    {% if inline_admin_form.show_url %}
                        <a href="{{ inline_admin_form.absolute_url }}" class="text-[11px] font-bold text-on-surface-variant hover:text-on-surface">
                            {% translate "View on site" %}
                        </a>
                    {% endif %}
                </div>
            </div>
            {% else %}
                <!-- Render hidden relation keys for new empty forms -->
                {% 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 %}
            {% endif %}

            {% if inline_admin_form.form.non_field_errors %}
                <div class="p-3 mb-4 bg-danger/10 border border-danger/20 text-danger rounded-lg text-xs font-semibold">
                    {{ inline_admin_form.form.non_field_errors }}
                </div>
            {% 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 is_inline=True %}
                {% endfor %}
            {% endwith %}

            {% if inline_admin_formset.formset.max_num > 1 or inline_admin_form.original %}
                {% 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 %}
            {% endif %}
        </div>
        {% endfor %}
    </fieldset>
</div>