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

{% block page_heading %}
    {% trans 'Delete confirmation' %}
{% endblock %}

{% block breadcrumbs %}
    <li class="breadcrumb-item"><a href="{% url 'admin:index' %}">{% trans 'Home' %}</a></li>
    <li class="breadcrumb-item"><a href="{% url 'admin:app_list' app_label=opts.app_label %}">{{ opts.app_config.verbose_name }}</a></li>
    <li class="breadcrumb-item"><a href="{% url opts|admin_urlname:'changelist' %}">{{ opts.verbose_name_plural|capfirst }}</a></li>
    <li class="breadcrumb-item active">{% trans 'Delete' %}</li>
{% endblock %}

{% block content %}
<div class="row">
    <div class="col-xl-8 offset-xl-2">
        <div class="card border-danger">
            <div class="card-header bg-danger text-white border-bottom">
                <h4 class="card-title mb-0 text-white">
                    <i class="ri-alert-line me-2"></i>{% trans 'Delete confirmation' %}
                </h4>
            </div>
            
            <div class="card-body">
                {% if perms_lacking %}
                    <div class="alert alert-warning">
                        <p>{% trans "Deleting the selected %(objects_name)s would result in deleting related objects, but your account doesn't have permission to delete the following types of objects:" %}</p>
                        <ul>
                            {% for obj in perms_lacking %}
                                <li>{{ obj }}</li>
                            {% endfor %}
                        </ul>
                    </div>
                {% elif protected %}
                    <div class="alert alert-warning">
                        <p>{% trans "Deleting the selected %(objects_name)s would require deleting the following protected related objects:" %}</p>
                        <ul>
                            {% for obj in protected %}
                                <li>{{ obj }}</li>
                            {% endfor %}
                        </ul>
                    </div>
                {% else %}
                    <div class="alert alert-danger">
                        <h5 class="alert-heading">
                            <i class="ri-alert-line me-2"></i>
                            {% blocktrans with object=object %}Are you sure you want to delete the {{ object }} "{{ escaped_object }}"?{% endblocktrans %}
                        </h5>
                        <p class="mb-0">{% trans "All of the following related items will be deleted:" %}</p>
                    </div>

                    {% if deleted_objects %}
                    <div class="card bg-light-subtle mb-3">
                        <div class="card-body">
                            <h6 class="card-subtitle mb-2 text-muted">{% trans 'Related objects that will be deleted:' %}</h6>
                            <ul class="list-unstyled mb-0">
                                {% for deletable_object in deleted_objects %}
                                    <li class="mb-1">
                                        <i class="ri-arrow-right-s-line text-muted"></i>
                                        {{ deletable_object|unordered_list }}
                                    </li>
                                {% endfor %}
                            </ul>
                        </div>
                    </div>
                    {% endif %}

                    <form method="post" class="mt-4">
                        {% 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 %}
                        </div>
                        
                        <div class="d-flex justify-content-between align-items-center pt-3 border-top">
                            <a href="{% url opts|admin_urlname:'change' object.pk|admin_urlquote %}" class="btn btn-light">
                                <i class="ri-arrow-left-line"></i> {% trans 'Cancel' %}
                            </a>
                            <button type="submit" class="btn btn-danger">
                                <i class="ri-delete-bin-line"></i> {% trans "Yes, I'm sure" %}
                            </button>
                        </div>
                    </form>
                {% endif %}
            </div>
        </div>
    </div>
</div>

<style>
.card-body ul ul {
    margin-left: 1.5rem;
    margin-top: 0.5rem;
}

.card-body li {
    padding: 0.25rem 0;
}
</style>
{% endblock %}