{% extends "base.html" %}
{% block title %}suvi - Login{% endblock %}

{% block nav %}{% endblock %}

{% block content %}

<div class="row justify-content-center">
    <div class="col" style="max-width: 24rem">
        <div class="text-center mb-4">
            <img src="/static/img/suvi-dark.svg" height="64" width="64" title="suvi">
        </div>

        {% if error is not none %}
        <div class="alert alert-danger" role="alert">
            {{ error }}
        </div>
        {% endif %}

        <form method="post" action="{{url_for('app_login')}}">
            <input type="hidden" name="next" value="{{ next }}">
            <div class="mb-3">
                <label class="form-label" for="username">Login</label>
                <input class="form-control" type="text" id="username" name="username" autocomplete="username" autofocus required>
            </div>
            <div class="mb-3">
                <label class="form-label" for="password">Password</label>
                <input class="form-control" type="password" id="password" name="password" autocomplete="current-password" required>
            </div>
            <button class="btn btn-primary w-100" type="submit">Login</button>
        </form>
    </div>
</div>

{% endblock %}