{% extends "base.html" %}

{% block title %}Confirm Delete{% endblock %}

{% block content %}
<div class="container mx-auto px-4 py-6">
    <h1 class="text-2xl font-bold text-gray-800 mb-4">Confirm Deletion</h1>
    <p class="text-gray-600 mb-4">
        Are you sure you want to delete this item?
    </p>

    <!-- Display object details if needed -->
    <div class="mb-4 p-4 bg-gray-100 rounded border border-gray-200">
        <p><strong>ID:</strong> {{ object.id }}</p>
        <p><strong>Details:</strong> {{ object }}</p>
    </div>

    <!-- Confirmation Buttons -->
    <form method="post" class="inline-block" onsubmit="return confirm('Are you sure you want to delete this item?');">
        {% csrf_token %}
        <button type="submit" class="bg-red-500 text-white px-4 py-2 rounded hover:bg-red-600">
            Delete
        </button>
    </form>
    <a href="{% url 'legacy:data-list' %}" class="bg-gray-500 text-white px-4 py-2 rounded hover:bg-gray-600">
        Cancel
    </a>
</div>
{% endblock %}
