{% load i18n admin_urls %}
<div class="js-inline-admin-formset inline-group mb-12"
     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 }} apple-glass rounded-[40px] border border-white/20 shadow-xl overflow-hidden" aria-labelledby="{{ inline_admin_formset.formset.prefix }}-heading">
  {% if inline_admin_formset.is_collapsible %}<details class="group"><summary class="list-none">{% endif %}
  <div class="bg-black/5 dark:bg-white/5 p-8 border-b border-black/5 dark:border-white/5 flex items-center justify-between">
      <h2 id="{{ inline_admin_formset.formset.prefix }}-heading" class="text-2xl font-black tracking-tight text-gray-900 dark:text-white flex items-center gap-3">
          <svg class="w-8 h-8 text-blue-500" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 11H5m14 0a2 2 0 012 2v6a2 2 0 01-2 2H5a2 2 0 01-2-2v-6a2 2 0 012-2m14 0V9a2 2 0 00-2-2M5 11V9a2 2 0 012-2m0 0V5a2 2 0 012-2h6a2 2 0 012 2v2M7 7h10"></path></svg>
          {% 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 %}
      </h2>
      {% if inline_admin_formset.is_collapsible %}
        <svg class="w-6 h-6 text-gray-400 group-open:rotate-180 transition-transform" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path></svg>
      {% endif %}
  </div>
  {% if inline_admin_formset.is_collapsible %}</summary>{% endif %}

  <div class="p-8 flex flex-col gap-8">
    {{ 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-white/40 dark:bg-white/5 rounded-[32px] border border-black/5 dark:border-white/5 overflow-hidden shadow-sm hover:shadow-md transition-shadow {% 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="px-6 py-4 bg-black/5 dark:bg-white/5 border-b border-black/5 dark:border-white/5 flex items-center justify-between">
          <h3 class="text-xs font-black uppercase tracking-widest text-gray-500 flex items-center gap-3">
              <span class="w-2 h-2 rounded-full bg-blue-500"></span>
              {{ inline_admin_formset.opts.verbose_name|capfirst }}: 
              <span class="inline_label font-bold text-gray-900 dark:text-white">
                {% if inline_admin_form.original %}
                    {{ inline_admin_form.original }}
                {% else %}
                    #{{ forloop.counter }}
                {% endif %}
              </span>
              {% 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="ml-2 text-blue-500 hover:underline">
                    {% if inline_admin_formset.has_change_permission %}{% translate "Change" %}{% else %}{% translate "View" %}{% endif %}
                </a>
              {% endif %}
              {% if inline_admin_form.show_url %}<a href="{{ inline_admin_form.absolute_url }}" class="ml-2 text-blue-500 hover:underline">{% translate "View" %}</a>{% endif %}
          </h3>
          
          {% if inline_admin_formset.formset.can_delete and inline_admin_formset.has_delete_permission and inline_admin_form.original %}
            <div class="flex items-center gap-2 bg-red-500/10 px-3 py-1.5 rounded-xl border border-red-500/20">
                <span class="text-[10px] font-black uppercase text-red-500">{{ inline_admin_form.deletion_field.label_tag }}</span>
                {{ inline_admin_form.deletion_field.field }}
            </div>
          {% endif %}
      </div>

      <div class="p-6">
          {% if inline_admin_form.form.non_field_errors %}
            <div class="bg-red-500/10 border border-red-500/20 text-red-600 p-4 rounded-2xl mb-4 text-xs font-bold">{{ 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 %}
            {% 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>
    </div>
    {% endfor %}
  </div>

  {% if inline_admin_formset.is_collapsible %}</details>{% endif %}
</fieldset>
</div>