{% extends "base_generic.html" %}
{% load crispy_forms_tags %}

{% block title %}<title>确认删除账户 - {{ site_title|default:"贵人" }}</title>{% endblock %}

{% block content %}
<div class="container mt-5">
    <div class="row justify-content-center">
        <div class="col-md-8">
            <div class="card">
                <div class="card-header bg-danger text-white">
                    <h4 class="mb-0">确认删除账户</h4>
                </div>
                <div class="card-body">
                    <div class="alert alert-danger">
                        <h5 class="alert-heading">警告！</h5>
                        <p>您即将删除您的账户。此操作：</p>
                        <ul>
                            <li>无法撤销</li>
                            <li>将永久删除您的所有个人信息</li>
                        </ul>
                    </div>

                    <div class="alert alert-info">
                        <h5 class="alert-heading">账户信息</h5>
                        <p class="mb-0">手机号码: {{ deletion_request.user.phone }}</p>
                        <p class="mb-0">电子邮箱: {{ deletion_request.user.email }}</p>
                    </div>

                    <p>如果您确定要删除账户，请点击下方的确认按钮。</p>
                    <p>如果您不想删除账户，请关闭此页面。</p>

                    <form method="post" class="mt-4">
                        {% csrf_token %}
                        <div class="d-grid gap-2">
                            <button type="submit" class="btn btn-danger">
                                确认删除账户
                            </button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
{% endblock %}