{% extends "base.html" %}

{% block title %}{% if mode == "verified" || mode == "verify-invalid" %}Email address{% else %}Reset your password{% endif %}{% endblock %}

{% block content %}

{% if mode == "verified" %}

<div class="head"><h1>Email verified</h1></div>

<p class="note"><strong>{{ username }}</strong> is confirmed. Notification email can go there now.</p>

<p><a href="/settings">Settings</a></p>

{% else if mode == "verify-invalid" %}

<div class="head"><h1>Email address</h1></div>

<p class="error">This verification link has expired, was already used, or is for an address the account no longer has.</p>

<p>Send a new one from <a href="/settings">Settings</a>.</p>

{% else if mode == "request" %}

<div class="head"><h1>Reset your password</h1></div>

{% if mail %}

<form class="card" method="post" action="/login/reset">

  <label for="who">Username or verified email</label><input type="text" id="who" name="who" autocomplete="username" autofocus required>

  <button type="submit">SEND A RESET LINK</button>

</form>

<p class="small mute">The link goes to the account's verified email and works once, for one hour.</p>

{% else %}

<p>This hub does not send email. Ask an administrator for a reset link: they can issue one from the admin page, valid for 24 hours.</p>

{% endif %}

<p class="small mute"><a href="/login">Back to sign in</a></p>

{% else if mode == "sent" %}

<div class="head"><h1>Check your email</h1></div>

<p>If that matches an account with a verified email, a reset link is on its way. It works once, for one hour.</p>

<p class="small mute">Nothing arriving? The account may have no verified email; an administrator can issue a reset link instead.</p>

{% else if mode == "new" %}

<div class="head"><h1>Choose a new password <small>{{ username }}</small></h1></div>

{% if let Some(e) = error %}<p class="error">{{ e }}</p>{% endif %}

<form class="card" method="post" action="/login/reset/{{ secret }}">

  <input type="text" name="username" value="{{ username }}" autocomplete="username" hidden>

  <label for="password">New password</label><input type="password" id="password" name="password" autocomplete="new-password" required autofocus>

  <label for="confirm">The same again</label><input type="password" id="confirm" name="confirm" autocomplete="new-password" required>

  <button type="submit">SET PASSWORD</button>

</form>

<p class="small mute">Every session of this account is signed out. Two-factor sign-in stays on if you use it.</p>

{% else %}

<div class="head"><h1>Reset your password</h1></div>

<p class="error">This reset link has expired or was already used.</p>

<p><a href="/login/reset">Ask for a new one</a></p>

{% endif %}

{% endblock %}