{{ template "inc_header.html.tpl" . }}
<div class="card-body p-0">
	<h4 class="mb-0 p-3 border-bottom">{{ tr "request-password-reset.template.title" }}</h4>
	<form
		method="POST"
		action="{{ links.RequestPasswordReset }}"
		class="p-3"
	>
		{{ .csrfField }}
		{{ if .form.error }}
		<div
			data-test-id="error"
			class="text-danger font-weight-bold mb-4"
			role="alert"
		>
			{{ .form.error }}
		</div>
		{{ end }}
		<div class="mb-3">
			<label>
                {{ tr "request-password-reset.template.form.email.label" }}
            </label>
			<input
				data-test-id="input-email"
				type="email"
				class="form-control"
				name="email"
				required
				placeholder="{{ tr "request-password-reset.template.form.email.placeholder" }}"
				autocomplete="username"
				value="{{ if .form }}{{ .form.email }}{{ end }}"
				aria-label="{{ tr "request-password-reset.template.form.email.label" }}"
			>
		</div>
		<div class="text-right">
			<button
				data-test-id="button-password-reset"
				class="btn btn-primary btn-block btn-lg"
				type="submit"
			>
				{{ tr "request-password-reset.template.form.buttons.request" }}
			</button>
		</div>
	</form>
	<div class="text-center my-3">
		{{ tr "request-password-reset.template.links" "signup" links.Signup "login" links.Login }}</a>
	</div>
</div>
{{ template "inc_footer.html.tpl" . }}