{% extends "base.html" %}{% block title %}{{ t("reset.title") }}{% endblock %}
{% block body %}
<div class="auth">
  <h1>{{ t("reset.title") }}</h1>
  <p class="lede">{{ t("reset.lede") }}</p>

  <div class="card">
    <form method="post" action="/reset">
      <input type="hidden" name="form_token" value="{{ form_token }}">
      <div style="position:absolute;left:-9999px" aria-hidden="true">
        <label for="website">{{ t("form.honeypot") }}</label>
        <input id="website" name="website" type="text" tabindex="-1" autocomplete="off">
      </div>

      <div class="field">
        <label for="email">{{ t("reset.account_email") }}</label>
        <input id="email" name="email" type="email" autocomplete="email" required autofocus>
        <p class="hint">{{ t("reset.email_hint") }}</p>
      </div>

      {% if turnstile_sitekey %}
      <div class="cf-turnstile" data-sitekey="{{ turnstile_sitekey }}"
           data-action="reset" data-theme="auto"></div>
      <script src="https://challenges.cloudflare.com/turnstile/v0/api.js" async defer></script>
      {% endif %}

      <button>{{ t("reset.submit") }}</button>
    </form>
  </div>

  <p class="foot"><a href="/login">{{ t("reset.back") }}</a></p>
</div>
{% endblock %}