{% load i18n admin_urls static admin_modify daisy_theme %}
<div class="js-inline-admin-formset inline-group mb-6" id="{{ inline_admin_formset.formset.prefix }}-group"
     data-inline-type="stacked"
     data-inline-formset="{{ inline_admin_formset.inline_formset_data }}">
  <div class="space-y-4">
    <div class="flex items-center justify-between pb-2 border-b border-base-200">
      <h3 class="text-sm font-bold text-base-content flex items-center gap-2">
        {% daisy_icon "layers" "w-4 h-4 text-primary" %}
        <span>
          {% 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 %}
        </span>
      </h3>
      {% if inline_admin_formset.formset.non_form_errors %}
        <div class="alert alert-error text-xs p-2">
          {{ inline_admin_formset.formset.non_form_errors }}
        </div>
      {% endif %}
    </div>

    {{ inline_admin_formset.formset.management_form }}

    {% for inline_admin_form in inline_admin_formset %}
      <div class="card bg-base-100 border border-base-200 shadow-xs inline-related {% if forloop.last and inline_admin_formset.has_add_permission %}empty-form{% endif %}"
           id="{{ inline_admin_formset.formset.prefix }}-{% if forloop.last and inline_admin_formset.has_add_permission %}empty{% else %}{{ forloop.counter0 }}{% endif %}">
        <div class="card-body p-4 sm:p-5 space-y-3">
          <div class="flex items-center justify-between border-b border-base-200 pb-2">
            <h4 class="font-semibold text-xs text-base-content/80 flex items-center gap-2">
              <span class="w-2 h-2 rounded-full bg-primary/60"></span>
              <span>
                {{ inline_admin_formset.opts.verbose_name|capfirst }}: #{{ forloop.counter }}
                {% if inline_admin_form.original %}
                  ({{ inline_admin_form.original }})
                {% endif %}
              </span>
            </h4>

            {% if inline_admin_formset.formset.can_delete and inline_admin_formset.has_delete_permission and inline_admin_form.original %}
              <div class="delete flex items-center gap-1.5 text-xs text-error font-medium">
                {{ inline_admin_form.deletion_field.field }}
                <label for="{{ inline_admin_form.deletion_field.field.id_for_label }}" class="cursor-pointer">
                  {% translate "Delete" %}
                </label>
              </div>
            {% endif %}
          </div>

          {% if inline_admin_form.form.non_field_errors %}
            <div class="alert alert-error text-xs p-2">
              {{ inline_admin_form.form.non_field_errors }}
            </div>
          {% endif %}

          {% for fieldset in inline_admin_form %}
            {% include "admin/includes/fieldset.html" %}
          {% endfor %}

          {% 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>
</div>