{{ define "title" -}}
{{( pgettext "Login" "title" )}}
{{- end }}

{{ define "content" }}
	<h1><img src="/static/numerus.svg" alt="Numerus" width="620" height="77"></h1>
	{{ if .LoginError -}}
	<div class="error" role="alert">
		<p>{{( gettext "Invalid user or password" )}}</p>
	</div>
	{{- end }}
	<section id="login">
		<h2>{{( pgettext "Login" "title" )}}</h2>
		<form method="POST" action="/login">
			<div class="input">
				<input id="user_email" type="email" required autofocus name="email" autocapitalize="none" value="{{ .Email }}" placeholder="{{( pgettext "Email" "input" )}}">
				<label for="user_email">{{( pgettext "Email" "input" )}}</label>
			</div>

			<div class="input">
				<input id="user_password" type="password" required name="password" autocomplete="current-password" value="{{ .Password }}" placeholder="{{( pgettext "Password" "input" )}}">
				<label for="user_password">{{( pgettext "Password" "input" )}}</label>
			</div>

			<button type="submit">{{( pgettext "Login" "action" )}}</button>
		</form>
	</section>
{{- end }}