{% load form_helpers %}
{% load helpers %}
{% load i18n %}

<form action="{{ form_url }}" method="post">
  {% csrf_token %}
  {% for field in form.hidden_fields %}
    {{ field }}
  {% endfor %}

  <div class="modal-header">
    <h5 class="modal-title">{% trans "Confirm Deletion" %}</h5>
  </div>

  <div class="modal-body">
    {% if object_count == 1 %}
      <p>
        {% blocktrans trimmed with object_type=model|meta:"verbose_name" %}
          Are you sure you want to <strong class="text-danger">delete</strong> this {{ object_type }}?
        {% endblocktrans %}
      </p>
      {% for row in table.rows %}
        {% if forloop.first %}
          <p class="mb-0"><strong>{{ row.record }}</strong></p>
        {% endif %}
      {% endfor %}
    {% else %}
      <p>
        {% blocktrans trimmed with count=object_count type_plural=model|meta:"verbose_name_plural" %}
          Are you sure you want to <strong class="text-danger">delete</strong> {{ count }} {{ type_plural }}?
        {% endblocktrans %}
      </p>
    {% endif %}

    {% if dependent_objects %}
      <p class="mt-3 mb-0">
        {% trans "The following objects will be deleted as a result of this action." %}
      </p>
      <div class="accordion mb-3" id="bulkDeleteAccordion">
        {% for dep_model, instances in dependent_objects.items %}
          <div class="accordion-item">
            <h2 class="accordion-header h4" id="bulkDeleteHeading{{ forloop.counter }}">
              <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#bulkDeleteCollapse{{ forloop.counter }}" aria-expanded="false" aria-controls="bulkDeleteCollapse{{ forloop.counter }}">
                {% with object_count=instances|length %}
                  {{ object_count }}
                  {% if object_count == 1 %}
                    {{ dep_model|meta:"verbose_name" }}
                  {% else %}
                    {{ dep_model|meta:"verbose_name_plural" }}
                  {% endif %}
                {% endwith %}
              </button>
            </h2>
            <div id="bulkDeleteCollapse{{ forloop.counter }}" class="accordion-collapse collapse" aria-labelledby="bulkDeleteHeading{{ forloop.counter }}" data-bs-parent="#bulkDeleteAccordion">
              <div class="accordion-body p-0">
                <div class="list-group list-group-flush">
                  {% for instance in instances %}
                    {% with url=instance.get_absolute_url %}
                      <a {% if url %}href="{{ url }}" {% endif %}class="list-group-item list-group-item-action">{{ instance }}</a>
                    {% endwith %}
                  {% endfor %}
                </div>
              </div>
            </div>
          </div>
        {% endfor %}
      </div>
    {% endif %}

    {% if form.changelog_message %}
      <div class="bg-primary-subtle border border-primary rounded-1 pt-3 px-3">
        {% render_field form.changelog_message %}
      </div>
    {% endif %}
  </div>

  <div class="modal-footer">
    <button type="button" class="btn btn-outline-secondary" data-bs-dismiss="modal">{% trans "Cancel" %}</button>
    <button type="submit" name="_confirm" class="btn btn-danger">{% trans "Delete" %}</button>
  </div>
</form>