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

{% block extrahead %}
    {{ block.super }}
    {{ media }}
    <script src="{% static 'admin/js/cancel.js' %}" async></script>
{% endblock %}

{% block bodyclass %}{{ block.super }} app-{{ opts.app_label }} model-{{ opts.model_name }}
    delete-confirmation{% endblock %}

{% block breadcrumbs %}
    <nav class="border-b border-light-200 dark:border-dark-200 flex"
         aria-label="Breadcrumb">
        <ol class="w-full mx-auto px-4 flex space-x-4 sm:px-6 lg:px-8">
            <li class="flex">
                <div class="flex items-center">
                    <a href="{% url 'admin:index' %}">
                        <svg xmlns="http://www.w3.org/2000/svg"
                             class="svg-snoweb svg-flex-shrink-0 h-5 w-5 fill-current text-light-900 dark:text-dark-900"
                             x="0"
                             y="0"
                             width="100%"
                             height="100%" viewBox="0 0 100 100" preserveAspectRatio="xMidYMid meet">
                            <path d="M53.3,13.9a4.7,4.7,0,0,0-6.6,0L13.9,46.7a4.7,4.7,0,0,0,0,6.6,4.8,4.8,0,0,0,6.7,0l1.3-1.4V82.7a4.7,4.7,0,0,0,4.7,4.7H36a4.7,4.7,0,0,0,4.6-4.7V73.4a4.7,4.7,0,0,1,4.7-4.7h9.4a4.7,4.7,0,0,1,4.7,4.7v9.3A4.7,4.7,0,0,0,64,87.4h9.4a4.7,4.7,0,0,0,4.7-4.7V51.9l1.3,1.4a4.8,4.8,0,0,0,6.7,0,4.7,4.7,0,0,0,0-6.6Z"
                                  class="svg-fill-primary"></path>
                        </svg>
                        <span class="sr-only">{% translate 'Home' %}</span>
                    </a>
                </div>
            </li>
            <li class="flex">
                <div class="flex items-center">
                    <svg class="flex-shrink-0 w-6 h-full fill-current text-light-200 dark:text-dark-200" viewBox="0 0 24 44"
                         preserveAspectRatio="none" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
                         aria-hidden="true">
                        <path d="M.293 0l22 22-22 22h1.414l22-22-22-22H.293z"/>
                    </svg>
                    <a href="{% url 'admin:app_list' app_label=opts.app_label %}"
                       class="ml-4 text-sm font-medium text-light-500 hover:text-light-700 dark:text-dark-500 dark:hover:text-dark-700">
                        {{ opts.app_config.verbose_name }}</a>
                </div>
            </li>
            <li class="flex">
                <div class="flex items-center">
                    <svg class="flex-shrink-0 w-6 h-full fill-current text-light-200 dark:text-dark-200" viewBox="0 0 24 44"
                         preserveAspectRatio="none" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
                         aria-hidden="true">
                        <path d="M.293 0l22 22-22 22h1.414l22-22-22-22H.293z"/>
                    </svg>
                    <a href="{% url opts|admin_urlname:'changelist' %}"
                       class="ml-4 text-sm font-medium text-light-500 hover:text-light-700 dark:text-dark-500 dark:hover:text-dark-700">
                        {{ opts.verbose_name_plural|capfirst }}</a>
                </div>
            </li>
            <li class="flex">
                <div class="flex items-center">
                    <svg class="flex-shrink-0 w-6 h-full fill-current text-light-200 dark:text-dark-200" viewBox="0 0 24 44"
                         preserveAspectRatio="none" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
                         aria-hidden="true">
                        <path d="M.293 0l22 22-22 22h1.414l22-22-22-22H.293z"/>
                    </svg>
                    <a href="{% url opts|admin_urlname:'change' object.pk|admin_urlquote %}"
                       class="ml-4 text-sm font-medium text-light-500 hover:text-light-700 dark:text-dark-500 dark:hover:text-dark-700">
                        {{ object|truncatewords:"18" }}</a>
                </div>
            </li>

            <li class="flex">
                <div class="flex items-center">
                    <svg class="flex-shrink-0 w-6 h-full text-light-200 dark:text-dark-200" viewBox="0 0 24 44"
                         preserveAspectRatio="none" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
                         aria-hidden="true">
                        <path d="M.293 0l22 22-22 22h1.414l22-22-22-22H.293z"/>
                    </svg>
                    <span class="ml-4 text-sm font-medium text-light-300 dark:text-dark-300"
                          aria-current="page">{% translate 'Delete' %}</span>
                </div>
            </li>
        </ol>
    </nav>
{% endblock %}

{% block content %}
    {% if perms_lacking %}
        <p>{% blocktranslate 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:{% endblocktranslate %}</p>
        <ul>
            {% for obj in perms_lacking %}
                <li>{{ obj }}</li>
            {% endfor %}
        </ul>
    {% elif protected %}
        <p>{% blocktranslate with escaped_object=object %}Deleting the {{ object_name }} '{{ escaped_object }}' would
            require deleting the following protected related objects:{% endblocktranslate %}</p>
        <ul>
            {% for obj in protected %}
                <li>{{ obj }}</li>
            {% endfor %}
        </ul>
    {% else %}
        <p>{% blocktranslate with escaped_object=object %}Are you sure you want to delete the {{ object_name }} "
            {{ escaped_object }}"? All of the following related items will be deleted:{% endblocktranslate %}</p>
        {% include "admin/includes/object_delete_summary.html" %}
        <h2>{% translate "Objects" %}</h2>
        <ul>{{ deleted_objects|unordered_list }}</ul>
        <form class="mt-6" method="post">{% csrf_token %}
            <div>
                <input type="hidden" name="post" value="yes">
                {% 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="submit"
                       value="{% translate 'Yes, I’m sure' %}" class="button mr-2 text-white bg-primary-600 hover:bg-primary-700 focus:ring-primary-500">
                <a href="#" class="button cancel-link text-light-900 dark:text-dark-900 bg-light-100 dark:bg-dark-100 hover:bg-light-200 dark:hover:bg-dark-200 focus:ring-light-50 dark:focus:ring-dark-50">{% translate "No, take me back" %}</a>
            </div>
        </form>
    {% endif %}
{% endblock %}
