{% extends "base.html" %}

{% block body %}
<section class="section">
	<div class="container">
		<h1 class="title">Brass - Passwort zurücksetzen</h1>
		<article class="message is-info">
		  <div class="message-body">
			Gib deine E-Mail Adresse ein und erhalte einen Link zum Zurücksetzen deines Passworts, sofern ein Account mit dieser Adresse existiert. Bei Problemen wende dich an <a href="mailto:mail@example.com">mail@example.com</a>.
		  </div>
		</article>
		<form class="box" hx-post="/reset-password">
			<div class="field">
				<label class="label" for="email">E-Mail:</label>
				<div class="control">
					<input class="input" placeholder="max.mustermann@example.com" name="email" type="text" required>
				</div>
			</div>

			<div class="level">
				<input class="button is-primary level-left" type="submit" value="Passwort zurücksetzen" />
				<a class="button is-info is-light level-right" hx-boost="true" href="/login" >Zurück zur Anmeldung</a>
			</div>
		</form>
	</div>
</section>
{% endblock %}
