{% load i18n %}
<div class="space-y-4">
    <div class="space-y-2">
        <c-ui.text.text>
            {% blocktrans %}You are about to delete <span class="font-semibold">{{ object }}</span>.{% endblocktrans %}
        </c-ui.text.text>
        
        {% if protected_objects %}
        <c-ui.text.text>
            {% translate "This object cannot be deleted because protected related objects still reference it." %}
        </c-ui.text.text>
            
        {% else %}
        <c-ui.text.muted>
            {% blocktrans count count=total_objects %}This will delete {{ count }} object in total, including related records.{% plural %}This will delete {{ count }} objects in total, including related records.{% endblocktrans %}
        </c-ui.text.muted>
        {% endif %}
    </div>

    {% if related_objects %}
    <div class="space-y-3">
        <div>
            <c-ui.text.text >{% translate "Related objects that would be deleted:" %}</c-ui.text.text>
            <div class="mt-2 space-y-3">
                {% for related in related_objects %}
                <div class="rounded-md border border-gray-200 p-3">
                    <p class="text-sm font-medium text-gray-800">
                        {{ related.model_name }}: {{ related.count }}
                    </p>
                    <ul class="mt-2 list-disc space-y-1 pl-5 text-sm text-gray-600">
                        {% for related_object in related.objects %}
                        <li>{{ related_object }}</li>
                        {% endfor %}
                    </ul>
                </div>
                {% endfor %}
            </div>
        </div>
    </div>
    {% endif %}

    {% if protected_objects %}
    <div>
        <c-ui.text.text>{% translate "Protected related objects:" %}</c-ui.text.text>
        <ul class="mt-2 list-disc space-y-1 pl-5 text-sm text-gray-600">
            {% for protected_object in protected_objects %}
            <li>{{ protected_object }}</li>
            {% endfor %}
        </ul>
    </div>
    {% endif %}

    {% if not protected_objects %}
    <div class="flex justify-start pt-4">
        <form
            method="post"
            action="{{ delete_submit_url }}"
        >
            {% csrf_token %}
            <button type="submit" class="btn btn-danger">
                {% translate "Delete" %}
            </button>
        </form>
    </div>
    {% endif %}
</div>