{% extends "base.html" %}

{% block page_class %}page-narrow{% endblock %}

{% block subtitle %}
<p class="sub">Sign in</p>
{% endblock %}

{% block content %}
  <section class="card">
    <h2 class="card-title">Log in</h2>
    {% if error %}<div class="status err">{{ error }}</div>{% endif %}
    <form method="post" action="/login">
      <input type="hidden" name="next" value="{{ next }}">
      <label>Username
        <input type="text" name="username" maxlength="64" required autofocus autocomplete="username">
      </label>
      <label>Password
        <input type="password" name="password" required autocomplete="current-password">
      </label>
      <button type="submit">Log in</button>
    </form>
    <p class="sub" style="margin-top: 14px;"><a href="/forgot-password">Forgot your password?</a></p>
  </section>
{% endblock %}