{% extends "base.html" %}{% block title %}{{ t("login.title") }}{% endblock %}
{% block body %}
<h1>{{ t("login.title") }}</h1>
<div class="card">
  <form method="post" action="/login">
    <input type="hidden" name="next" value="{{ next_url }}">
    <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>
    <label for="id">{{ t("form.identifier") }}</label>
    <input id="id" name="identifier" type="text" autocomplete="username" required autofocus
           value="{{ identifier or '' }}">
    <label for="pw">{{ t("form.password") }}</label>
    <input id="pw" name="password" type="password" autocomplete="current-password" required>
    {% if turnstile_sitekey %}
    <div class="cf-turnstile" data-sitekey="{{ turnstile_sitekey }}"
         data-action="login" data-theme="auto" style="margin-top:12px"></div>
    <script src="https://challenges.cloudflare.com/turnstile/v0/api.js" async defer></script>
    {% endif %}
    <p class="row" style="margin-top:18px"><button>{{ t("login.submit") }}</button>
      <a class="muted" href="/reset">{{ t("login.forgot") }}</a></p>
  </form>
</div>
<p class="muted">{{ t("login.no_account") }} <a href="/signup">{{ t("login.create") }}</a>.</p>
{% endblock %}