{%extends "base.jinja"%}
{%import "macros/form.jinja" as form%}

{%block title%}{{_('page.login.title')}}{% endblock %}

{%block body%}
<div class="container" id="content">
    <section class="d-flex flex-column align-items-center">
        <h1 class="text-center text-primary-emphasis">{{_('page.login.title')}}</h1>

        <form class="border border-secondary bg-secondary-subtle rounded p-3" method="POST">
            {%if bp.data["status"]%}
            <div class="alert alert-{{bp.data['status_class']}}" role="alert">{{bp.data["status"]}}</div>
            {%endif%}
            {{bp.data["form"].hidden_tag() }}
            {{form.field(bp.data["form"].username)}}
            {{form.field(bp.data["form"].password)}}
            <button type="submit" class="my-3 btn btn-primary text-center">{{_('page.login.form.submit')}}</button>
        </form>

        <div class="d-flex flex-row justify-content-center">
            <a class="text-muted p-2" href="/secure/register"><small>{{_('page.login.label.register')}}</small></a>
            <a class="text-muted p-2"
                href="/secure/lostpassword"><small>{{_('page.login.label.lostpassword')}}</small></a>
        </div>
    </section>
</div>
{%endblock%}