{% 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 %}