{% extends "gallery/base.html" %}

{% block title %}登出 - {{ site_name }}{% endblock %}

{% block content %}
<div class="min-h-screen flex items-center justify-center py-12 px-4">
    <div class="max-w-md w-full space-y-8 text-center">
        <div class="bg-gray-900 border border-gray-800 rounded-lg p-8">
            <h2 class="text-2xl font-bold text-white mb-4">确认登出</h2>
            <p class="text-gray-400 mb-8">您确定要退出登录吗？</p>

            <form method="post" class="space-y-4">
                {% csrf_token %}
                <button type="submit"
                        class="w-full py-3 px-4 bg-red-600 hover:bg-red-700 text-white font-medium rounded-lg transition duration-200">
                    确认登出
                </button>
                <a href="{% url 'index' %}"
                   class="block py-3 px-4 bg-gray-800 hover:bg-gray-700 text-white font-medium rounded-lg transition duration-200">
                    取消
                </a>
            </form>
        </div>
    </div>
</div>
{% endblock %}