{% extends "base.html" %}
{% block title %}Sign in · Chaka{% endblock %}
{% block scripts %}{% endblock %}
{% block content %}
<main class="login-wrap">
  <form class="login-box" method="post" action="/login">
    <img src="/static/logo-combo.svg" alt="Chaka" class="login-logo">
    <h1>Sign in</h1>
    {% if error %}<p class="login-error" role="alert">{{ error }}</p>{% endif %}
    <label>Username
      <input type="text" name="username" autocomplete="username" autofocus required>
    </label>
    <label>Password
      <input type="password" name="password" autocomplete="current-password" required>
    </label>
    <input type="hidden" name="next" value="{{ next }}">
    <button type="submit">Sign in</button>
  </form>
</main>
{% endblock %}