{% extends "admin/base_site.html" %}
{% load i18n l10n admin_urls static cc_admin %}

{% block extrahead %}{{ block.super }}{% cc_media media %}<script src="{% static 'admin/js/cancel.js' %}" async{% cc_nonce %}></script>{% endblock %}
{% block bodyclass %}{{ block.super }} app-{{ opts.app_label }} model-{{ opts.model_name }} delete-confirmation delete-selected-confirmation{% endblock %}

{% block breadcrumbs %}
<ol class="breadcrumbs">
  <li><a href="{% url 'admin:index' %}">{% translate 'Home' %}</a></li>
  <li><a href="{% url 'admin:app_list' app_label=opts.app_label %}">{{ opts.app_config.verbose_name }}</a></li>
  <li><a href="{% url opts|admin_urlname:'changelist' %}">{{ opts.verbose_name_plural|capfirst }}</a></li>
  <li aria-current="page">{% translate 'Delete multiple objects' %}</li>
</ol>
{% endblock %}

{% block content_title %}<p class="cc-eyebrow">{{ opts.verbose_name_plural|capfirst }}</p><h1>{% blocktranslate count counter=queryset|length %}Delete {{ counter }} record{% plural %}Delete {{ counter }} records{% endblocktranslate %}</h1>{% endblock %}

{% block content %}
<div class="cc-delete">
{% if perms_lacking %}
  <div class="cc-note cc-tone-danger">{% icon "lock" %}<p>{% blocktranslate %}Deleting the selected {{ objects_name }} would result in deleting related objects, but your account doesn't have permission to delete the following types of objects:{% endblocktranslate %}</p></div>
  <div class="cc-card"><ul class="cc-tree">{{ perms_lacking|unordered_list }}</ul></div>
{% elif protected %}
  <div class="cc-note cc-tone-warning">{% icon "shield" %}<p>{% blocktranslate %}Deleting the selected {{ objects_name }} would require deleting the following protected related objects:{% endblocktranslate %}</p></div>
  <div class="cc-card"><ul class="cc-tree">{{ protected|unordered_list }}</ul></div>
{% else %}
  <div class="cc-note cc-tone-danger">{% icon "triangle-exclamation-point" %}<p>{% blocktranslate %}Are you sure you want to delete the selected {{ objects_name }}? All of the following objects and their related items will be deleted:{% endblocktranslate %}</p></div>
  <div class="cc-delete-grid">
    <section class="cc-card"><header class="cc-card-head"><div><h2>{% translate "Summary" %}</h2></div></header>
      <ul class="cc-summary">{% for model_name, object_count in model_count %}<li><span>{{ model_name|capfirst }}</span><b>{{ object_count }}</b></li>{% endfor %}</ul>
    </section>
    <section class="cc-card"><header class="cc-card-head"><div><h2>{% translate "Objects" %}</h2></div></header>
      {% for deletable_object in deletable_objects %}<ul class="cc-tree">{{ deletable_object|unordered_list }}</ul>{% endfor %}
    </section>
  </div>
  <form method="post" class="cc-delete-form">{% csrf_token %}
    {% for obj in queryset %}<input type="hidden" name="{{ action_checkbox_name }}" value="{{ obj.pk|unlocalize }}">{% endfor %}
    <input type="hidden" name="action" value="delete_selected">
    <input type="hidden" name="post" value="yes">
    <a role="button" href="#" class="cc-btn button cancel-link">{% translate "No, take me back" %}</a>
    <button type="submit" class="cc-btn cc-btn-danger">{% icon "trash" %}<span>{% translate 'Yes, I’m sure' %}</span></button>
  </form>
{% endif %}
</div>
{% endblock %}