{% extends "base.html" %}
{% load i18n %}

{% block content %}
<div class="container mx-auto px-4 py-8">
    <div class="max-w-2xl mx-auto">
        <div class="bg-white shadow rounded-lg p-6">
            <h1 class="text-2xl font-bold mb-6">{% trans "Delete Tag" %}</h1>

            <p class="mb-6 text-gray-600">
                {% blocktrans with tag_name=tag.name %}
                Are you sure you want to delete the tag "{{ tag_name }}"? This action cannot be undone.
                {% endblocktrans %}
            </p>

            <form method="post" class="space-y-6">
                {% csrf_token %}
                <div class="flex justify-end space-x-3">
                    <a href="{% url 'tag-detail' tag.slug %}" class="bg-gray-200 hover:bg-gray-300 text-gray-700 font-bold py-2 px-4 rounded">
                        {% trans "Cancel" %}
                    </a>
                    <button type="submit" class="bg-red-500 hover:bg-red-700 text-white font-bold py-2 px-4 rounded">
                        {% trans "Delete" %}
                    </button>
                </div>
            </form>
        </div>
    </div>
</div>
{% endblock %}