{% extends "base.html" %}

{% block body %}
<section class="section">
	<div class="container">
		<h1 class="title">Brass - Passwort zurücksetzen</h1>
		<form class="box" hx-post="/reset-password" hx-target-400="#error-message" hx-on:change="document.getElementById('error-message').innerHTML = ''">
			<input type="hidden" name="token" value="{{ token }}"/>

			<div class="field">
				<label class="label" for="password">neues Passwort:</label>
				<div class="control">
					<input class="input" placeholder="**********" name="password" type="password" required>
				</div>
			</div>

			<div class="field">
				<label class="label" for="passwordretyped">neues Passwort wiederholen:</label>
				<div class="control">
					<input class="input" placeholder="**********" name="passwordretyped" type="password" required>
				</div>
			</div>

			<div id="error-message" class="mb-3 help is-danger"></div>

			<div class="level">
				<input class="button is-primary level-left" type="submit" value="Passwort zurücksetzen" />
			</div>
		</form>
	</div>
</section>
{% endblock %}