{% extends "base.html" %}

{% block content %}
    <div class="row is-vertical-align">
        <div class="col"></div>
        <form class="col card is-vertical-align" method="post">
            {% if errors %}
            <div class="alert alert-danger mb-3 h4" role="alert">
                {{ errors }}
            </div>
            {% endif %}
            <div class="row mb-3">
                <label class="h4">Логин: <input type="text" name="username"/></label>
            </div>
            <div class="row mb-3">
                <label class="h4">Пароль: <input type="password" name="password"/></label>
            </div>
            <div class="row mb-5">
                <button class="button primary is-center">Войти</button>
            </div>
        </form>
        <div class="col"></div>
    </div>
{% endblock %}