{% 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 let Some(e) = error %}<p class="error">{{ e }}</p>{% endif %}
{% 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 %}