{% extends 'base.html' %}

{% block content %}
<div class="row">
    <div class="col">
        <h1 class="text-center">Log In</h1>
    </div>
</div>
<form method="post" enctype="multipart/form-data">
    {{ form.csrf_token }}
    <div class="container row align-items-center border rounded m-2">
        {{ form.password.label(class="col-sm-2 col-form-label text-center") }}
        {{ form.password(class="col-sm form-control m-2" + (" is-invalid" if form.password.errors else "")) }}
        {{ form.submit(class_="col-sm-2 btn btn-primary m-2") }}
        {% if form.password.errors %}
        <div class="text-center invalid-feedback">{{ form.password.errors[0] }}</div>
        {% endif %}
    </div>
</form>
{% endblock content %}
