{% extends 'base/base.html' %}
{% block title %}
    登录-学生寝室管理系统
{% endblock title %}
{% block styles %}
    {{ super() }}
    <link rel="stylesheet" href="{{ url_for('static', filename='css/login/styles.min.css') }}">
{% endblock styles %}

{% block content %}
    <div class="container">
        <!-- Start: Login Form Basic -->
        <section class="py-4 py-xl-5">
            <div class="container">
                <div class="row mb-5">
                    <div class="col-md-8 col-xl-6 text-center mx-auto">
                        <h2>登录</h2>
                        <p>请输入您的账号密码</p>
                    </div>
                </div>
                <div class="row d-flex justify-content-center"
                     style="background: url({{ url_for('static', filename='/images/DSC00993.jpg') }}), #ffffff;background-size: cover, auto;padding-top: 45px;">
                    <div class="col-md-6 col-xl-4">
                        <div class="card mb-5" id="cardbody" style="background: rgba(255,255,255,0.6);">
                            <div class="card-body d-flex flex-column align-items-center">
                                <div class="bs-icon-xl bs-icon-circle bs-icon-primary bs-icon my-4"
                                     style="background: rgba(26,26,26,0.7);">
                                    <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor"
                                         viewBox="0 0 16 16" class="bi bi-person">
                                        <path d="M8 8a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm2-3a2 2 0 1 1-4 0 2 2 0 0 1 4 0zm4 8c0 1-1 1-1 1H3s-1 0-1-1 1-4 6-4 6 3 6 4zm-1-.004c-.001-.246-.154-.986-.832-1.664C11.516 10.68 10.289 10 8 10c-2.29 0-3.516.68-4.168 1.332-.678.678-.83 1.418-.832 1.664h10z"></path>
                                    </svg>
                                </div>
                                {#                                <form method="POST">#}
                                {#                                    {{ form.hidden_tag() }}#}
                                {#                                    {{ form.name.label }} {{ form.name() }}#}
                                {#                                    {{ form.submit() }}#}
                                {#                                </form>#}


                                <form class="text-center" method="POST">
                                    {{ form.hidden_tag() }}
                                    {{ form.account }}
                                    <div class="mb-3"></div>
                                    <div class="mb-3">{{ form.password }}</div>
                                    <div class="mb-3">{{ form.submit }}</div>
                                    <div class="row">
                                        <div class="col d-lg-flex justify-content-lg-center align-items-lg-center"><a
                                                id="register" href="#">注册账号</a></div>
                                        <div class="col"><a id="forgetpassword" href="#">找回密码</a></div>
                                    </div>
                                </form>
{#                                <input class="form-control" type="text"#}
{#                                       id="account" placeholder="账号"#}
{#                                       name="account" required="">#}
{#                                <div class="mb-3"></div>#}
{#                                <div class="mb-3"><input class="form-control" type="password" id="password"#}
{#                                                         name="password" placeholder="密码" required=""></div>#}
{#                                <div class="mb-3">#}
{#                                    <button class="btn btn-primary d-block w-100" type="submit">Login</button>#}
{#                                </div>#}
{#                                <div class="row">#}
{#                                    <div class="col d-lg-flex justify-content-lg-center align-items-lg-center"><a#}
{#                                            id="register" href="#">注册账号</a></div>#}
{#                                    <div class="col"><a id="forgetpassword" href="#">找回密码</a></div>#}
{#                                </div>#}
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section><!-- End: Login Form Basic -->
    </div>
{% endblock content %}