{% extends "base.html" %}
{% block title %}{{ heading }} | {{ app_name }}{% endblock %}
{% block body %}
<div class="auth">
  <p class="brand-row"><a class="brand" href="/"><span class="brand-mark" aria-hidden="true"></span>{{ app_name }}</a></p>
  <div class="panel">
    <h1>{{ heading }}</h1>
    {% if error %}<div class="notice error" role="alert">{{ error }}</div>{% endif %}
    <form method="post" action="{{ action }}">
      <input type="hidden" name="csrf" value="{{ csrf }}">
      <div class="field"><label for="email">Email</label>
        <input id="email" name="email" type="email" required autocomplete="email" value="{{ email or '' }}"></div>
      <div class="field"><label for="password">Password</label>
        <input id="password" name="password" type="password" required
          {% if mode == "signup" %}minlength="10" autocomplete="new-password"{% else %}autocomplete="current-password"{% endif %}>
        {% if mode == "signup" %}<p class="hint">At least 10 characters.</p>{% endif %}</div>
      <button class="btn" type="submit">{{ button }}</button>
    </form>
  </div>
  <p class="muted small center">
    {% if mode == "signup" %}Already have an account? <a href="/login">Log in</a>
    {% else %}{% if allow_signup %}New here? <a href="/signup">Create an account</a> · {% endif %}<a href="/forgot-password">Forgot password?</a>{% endif %}
  </p>
</div>
{% endblock %}