{% extends 'base.html' %}
{% block content %}
<div class="auth-card glassmorphism">
    <h2 style="color: #ef4444;">Delete Item</h2>
    <p class="subtitle">Are you sure you want to delete "{{ object.title }}"?</p>

    <form method="post" style="margin-top: 2rem;">
        {% csrf_token %}
        <div style="display: flex; gap: 1rem;">
            <button type="submit" class="btn-danger" style="width: 100%; padding: 0.875rem;">Yes, delete it</button>
            <a href="{% url 'item_detail' object.pk %}" class="btn-secondary"
                style="margin-top: 0; text-align: center;">Cancel</a>
        </div>
    </form>
</div>
{% endblock %}