{% extends "base.html" %}

{% block title %}Delete Memory - Lamb{% endblock %}

{% block body %}
<main class="mx-auto max-w-3xl px-4 py-7 sm:px-6 lg:px-8">
    <section class="sketch-border paper-card bg-base-100/95 p-6 sm:p-8">
        <p class="hand-title text-base font-bold uppercase tracking-wide text-stone-700">Memory Desk</p>
        <h1 class="title-font mt-1 text-5xl text-stone-900">Delete Memory?</h1>
        <p class="mt-3 text-stone-700">This will permanently remove this memory from your timeline.</p>

        <div class="mt-4 rounded-2xl border border-stone-300 bg-white/80 p-4 text-sm text-stone-700">
            <p><strong>Type:</strong> {{ object.get_type_display }}</p>
            <p><strong>Created:</strong> {{ object.created_at }}</p>
        </div>

        <form method="post" class="mt-6 flex flex-wrap gap-2">
            {% csrf_token %}
            <button type="submit" class="btn sketch-border rounded-2xl border-stone-900 bg-red-500 text-red-950 hover:bg-red-400">Delete</button>
            <a href="{% url 'memories:list' %}" class="btn sketch-border rounded-2xl border-stone-900 bg-base-200 text-stone-900 hover:bg-base-300">Cancel</a>
        </form>
    </section>
</main>
{% endblock %}