{% extends 'base/layout.html' %}

{% block content %}
<div class="container mx-auto px-4 py-16 text-center">
    <div class="bg-gray-800 rounded-lg shadow-lg p-8 max-w-lg mx-auto border border-red-900">
        <h1 class="text-3xl font-bold text-red-500 mb-4">Confirm Delete</h1>
        <p class="text-xl text-gray-300 mb-8">Are you sure you want to delete this listing?</p>
        <p class="text-gray-400 mb-8">{{ item }}</p>
        
        <form method="post" class="flex justify-center space-x-4">
            {% csrf_token %}
            <a href="{% url 'store:manage_listings' %}" class="bg-gray-600 hover:bg-gray-700 text-white font-bold py-2 px-6 rounded transition">
                Cancel
            </a>
            <button type="submit" class="bg-red-600 hover:bg-red-700 text-white font-bold py-2 px-6 rounded transition">
                Delete
            </button>
        </form>
    </div>
</div>
{% endblock %}