{% extends "base" %}
{% block content %}
    <div class="w-full max-w-md space-y-8">
        <div>
            <img class="mx-auto h-16 w-auto"
                 src="https://rudernlinz.at/wp-content/uploads/2021/02/cropped-logo.png"
                 alt="Logo Ruderassistent">
            <h1 class="mt-6 h1">Ruderassistent</h1>
        </div>
        {% if flash %}{{ macros::alert(message=flash.1, type=flash.0, class="sm:col-span-2 lg:col-span-3") }}{% endif %}
        <form class="mt-8 space-y-6" method="post" action="/auth">
            <input type="hidden" name="remember" value="true">
            <div class="-space-y-px rounded-md shadow-sm">
                <div>
                    {% if name %}
                        {{ macros::input(label='Name', name='name', type='input', required=true, class='rounded-t-md',hide_label=true,value=name, autofocus=true) }}
                    {% else %}
                        {{ macros::input(label='Name', name='name', type='input', required=true, class='rounded-t-md',hide_label=true, autofocus=true) }}
                    {% endif %}
                </div>
                <div>
                    {{ macros::input(label='Passwort', name='password', type='password', class='rounded-b-md',hide_label=true) }}
                </div>
            </div>
            <div>
                <button type="submit"
                        class="group relative flex w-full justify-center btn btn-primary">
                    <span class="absolute inset-y-0 left-0 flex items-center pl-3">{% include "includes/lock-icon" %}</span>
                    Einloggen
                </button>
            </div>
        </form>
    </div>
{% endblock content %}
