{% extends "base.html" %}

{% block title %} 删除用户 {% endblock %}

{% block style %}
    {{ super() }}
    <link href="{{ url_for('static', filename='styles/auth/delete.css') }}" rel="stylesheet">
{% endblock %}

{% block context %}
    <section id="base" class="container mt-3">
        <div class="row">
            <div class="col-12 col-lg-6 offset-lg-3">
                <form method="post" action="{{ url_for("auth.delete_user_page") }}" class="delete-form">
                    {{ DeleteUserForm.hidden_tag() }}

                    <div class="form-group">
                        {{ DeleteUserForm.email.label }}
                        {{ DeleteUserForm.email(class="form-control") }}
                    </div>

                    <div id="DeleteModal" class="modal fade" role="dialog" aria-hidden="true">
                        <div class="modal-dialog">
                            <div class="modal-content">
                                <div class="modal-header">
                                    <h4 class="modal-title"> 删除用户？ </h4>
                                </div>
                                <div class="modal-body">
                                    <p> 是否确认删除用户？ </p>
                                </div>
                                <div class="modal-footer">
                                    {{ DeleteUserForm.submit(class='btn btn-danger', value='确认') }}
                                    <button type="button" class="btn btn-secondary" data-dismiss="modal">取消</button>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="text-right">
                        <a class="btn btn-danger" data-toggle="modal" data-target="#DeleteModal"> 删除用户 </a>
                    </div>
                </form>
            </div>
        </div>
    </section>
{% endblock %}