{% extends "base" %}

{% block content %}
	<div class="w-full max-w-md space-y-8">
		<h1 class="mt-6 h1">Passwort setzen</h1>

		<form class="mt-8 space-y-6" action="/auth/set-pw" method="post">
			<input type="hidden" name="remember" value="true">
			<input type="hidden" name="userid" value="{{ userid }}"/>
			<div class="-space-y-px rounded-md shadow-sm">
				<div>
					{{ macros::input(label='Passwort', name='password', type='password', required=true, class='rounded-t-md',hide_label=true) }}
				</div>
				<div>
					{{ macros::input(label='Passwort bestätigen', name='password_confirm', type='password', required=true, 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>
					Bestätigen
				</button>
			</div>
		</form>
	</div>

{% endblock content %}