{% extends 'layout.html' %}
{% block content %}

<main class="login">
    <form method="POST" action="">
        {{form.hidden_tag()}}
        <fieldset class="form-group">
            <legend class="border-bottom mb-4">Login</legend>
            <div class="form-group">
                {{form.username.label(class="form-control-label")}}
                {% if form.username.errors %}
                    {{form.username(class="form-control form-control-lg is-invalid")}}
                    <div class="invalid-feedback">
                        {% for error in form.username.errors %}
                            <span> {{ error }} </span>
                        {% endfor %}
                    </div>
                {% else %}
                    {{form.username(class="form-control form-control-lg")}}
                {% endif %}
            </div>

            <div class="form-group">
                {{form.password.label(class="form-control-label")}}
                {% if form.password.errors %}
                    {{form.password(class="form-control form-control-lg is-invalid")}}
                    <div class="invalid-feedback">
                        {% for error in form.password.errors %}
                            <span> {{ error }} </span>
                        {% endfor %}
                    </div>
                {% else %}
                    {{form.password(class="form-control form-control-lg")}}
                {% endif %}
            </div>

            <div class="form-group">
                {{form.submit(class="btn btn-info")}}
            </div>
        </fieldset> 
    </form>
</main>

{% endblock %}