{% extends "sundae/base.html" %}


{% block title %}Delete {{ object_verbose_name|capfirst }}{% endblock %}

{% block topnav %}
{% endblock %}

{% block content %}
<div class="container-admin">
    <div class="max-w-2xl mx-auto">
        <!-- Confirmation Card -->
        <div class="bg-white shadow-sm rounded-lg border border-red-200">
            <div class="px-4 py-5 sm:p-6">
                <!-- Warning Icon -->
                <div class="flex items-start">
                    <div class="flex-shrink-0">
                        <svg class="h-6 w-6 text-red-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z"/>
                        </svg>
                    </div>
                    <div class="ml-3 flex-1">
                        <h3 class="text-lg font-medium leading-6 text-gray-900">
                            Confirm Deletion
                        </h3>
                        <div class="mt-2 text-sm text-gray-500">
                            <p>Are you sure you want to delete this {{ object_verbose_name }}?</p>
                        </div>

                        <!-- Object Details -->
                        <div class="mt-4 rounded-md border border-gray-200 bg-gray-50 px-4 py-3">
                            <p class="text-sm font-medium text-gray-900">{{ object }}</p>
                        </div>

                        <!-- Hidden Form Fields -->
                        {% if form %}
                        <div class="mt-4">
                            {{ form.as_p }}
                        </div>
                        {% endif %}
                    </div>
                </div>

                <!-- Action Buttons -->
                <div class="mt-6 flex items-center gap-3">
                    <form method="POST" action="{{ delete_view_url }}" class="inline">
                        {% csrf_token %}
                        <button type="submit" class="btn-danger-admin">
                            Delete {{ object_verbose_name|capfirst }}
                        </button>
                    </form>
                    <a href="{{ list_view_url }}" class="btn-secondary-admin">
                        Cancel
                    </a>
                </div>
            </div>
        </div>

        <!-- Warning Note -->
        <div class="mt-4 text-xs sm:text-sm text-gray-500 text-center">
            <p>This action cannot be undone.</p>
        </div>
    </div>
</div>
{% endblock %}