{% extends "base.html" %}
{% import 'bootstrap/wtf.html' as wtf %}

{% block app_content %}
<main class="text-center form-signin w-100 m-auto">
    <h2 style="font-weight:bold; color: black; padding-bottom:20px">Login</h2>
    <form action="" method="post" novalidate>
        {{ form.hidden_tag() }}
        <div style="margin-bottom:10px">
            {{ form.username }}<br>
            {% for error in form.username.errors %}
                <span style="color: red;">{{ error }}</span>
            {% endfor %}
        </div>
        <div>
            {{ form.password }}<br>
            {% for error in form.password.errors %}
                <span style="color: red;">{{ error }}</span>
            {% endfor %}
            <br>
            {{ form.remember_me() }} {{ form.remember_me.label }}
        </div>

        <div role="button" class="btn btn-outline-t">
            {{ form.submit() }}
        </div>
    </form>
    <p>New User? <a href="{{ url_for('register') }}">Click to Register!</a></p>
    <p>
        Forgot Your Password?
        <a href="{{ url_for('reset_password_request') }}">Click to Reset It</a>
    </p>
</main>
{% endblock %}