{% extends "admin/base_site.html" %}
{% load i18n admin_urls %}
{% load url from suit_compat %}

{% block breadcrumbs %}
  <ul class="breadcrumb">
    <li><a href="{% url 'admin:index' %}">{% trans 'Home' %}</a>
      <span class="divider">&raquo;</span></li>
    <li>
      <a href="{% url 'admin:app_list' app_label=opts.app_label %}">{% firstof opts.app_config.verbose_name app_label|capfirst|escape %}</a>
      <span class="divider">&raquo;</span></li>
    <li>
      <a href="{% url opts|admin_urlname:'changelist' %}">{{ opts.verbose_name_plural|capfirst|escape }}</a>
      <span class="divider">&raquo;</span></li>
    <li><a href="
        {% url opts|admin_urlname:'changelist' %}{{ object.pk }}">{{ object|truncatewords:"18" }}</a>
      <span class="divider">&raquo;</span></li>
    <li class="active">{% trans 'Delete' %}</li>
  </ul>
{% endblock %}

{% block content %}
  {% if perms_lacking or protected %}
    {% block delete_errors %}
    {% if perms_lacking %}
      {% block perms_lacking %}
      <div class="delete-error-box">
        <div class="delete-error-icon">
          <i class="bi bi-shield-exclamation"></i>
        </div>
        <div class="delete-error-content">
          <h4>{% trans "Permission Denied" %}</h4>
          <p>{% blocktrans with escaped_object=object %}Deleting the {{ object_name }} '{{ escaped_object }}' would result in deleting related objects, but your account doesn't have permission to delete the following types of objects:{% endblocktrans %}</p>
          <ul>
            {% for obj in perms_lacking %}
              <li>{{ obj }}</li>
            {% endfor %}
          </ul>
        </div>
      </div>
      {% endblock %}
    {% endif %}
    {% if protected %}
      {% block protected_objects %}
      <div class="delete-error-box">
        <div class="delete-error-icon">
          <i class="bi bi-lock"></i>
        </div>
        <div class="delete-error-content">
          <h4>{% trans "Protected Objects" %}</h4>
          <p>{% blocktrans with escaped_object=object %}Deleting the {{ object_name }} '{{ escaped_object }}' would require deleting the following protected related objects:{% endblocktrans %}</p>
          <ul>
            {% for obj in protected %}
              <li>{{ obj }}</li>
            {% endfor %}
          </ul>
        </div>
      </div>
      {% endblock %}
    {% endif %}
    {% endblock delete_errors %}
  {% else %}

    {% block delete_form %}
      <form action="" method="post">{% csrf_token %}
        <div class="delete-confirm-box">
          {% block delete_form_header %}
          <div class="delete-confirm-header">
            <i class="bi bi-exclamation-triangle"></i>
            <h3>{% trans 'Delete' %} {{ opts.verbose_name }}?</h3>
          </div>
          {% endblock %}

          {% block delete_form_message %}
          <div class="delete-confirm-message">
            <p>{% blocktrans with escaped_object=object %}Are you sure you want to delete the {{ object_name }} "<strong>{{ escaped_object }}</strong>"?{% endblocktrans %}</p>
            <p class="delete-warning-text">{% trans "All of the following related items will be deleted:" %}</p>
          </div>
          {% endblock %}

          {% block deleted_objects_list %}
          <div class="delete-objects-list">
            <ul>{{ deleted_objects|unordered_list }}</ul>
          </div>
          {% endblock %}

          {% block delete_form_buttons %}
          <div class="delete-confirm-actions">
            {% if is_popup %}<input type="hidden" name="{{ is_popup_var }}" value="1" />{% endif %}
            {% if to_field %}<input type="hidden" name="{{ to_field_var }}" value="{{ to_field }}" />{% endif %}
            <input type="hidden" name="post" value="yes"/>
            {% block delete_confirm_button %}
            <button type="submit" class="btn btn-delete">
              <i class="bi bi-trash"></i> {% trans "Yes, delete" %}
            </button>
            {% endblock %}
            <a href="javascript:history.back()" class="btn btn-secondary">{% trans "Cancel" %}</a>
          </div>
          {% endblock %}
        </div>
      </form>
    {% endblock %}
  {% endif %}
{% endblock %}