{% extends "layout.html" %}

{% block title %}log in — kitgit{% endblock %}

{% block content %}
<section class="kg-section kg-auth">
  <p class="kg-landing__brand">
    <span class="kg-mark__glyph" aria-hidden="true">狐</span>
    <span class="kg-mark__name">kitgit</span>
  </p>
  <h1 class="kg-title">log in</h1>
  {% if let Some(err) = error %}
    <div class="kg-flash">{{ err }}</div>
  {% endif %}
  <form class="kg-form" method="post" action="/auth/login" autocomplete="on">
    <label>
      username
      <input type="text" name="username" required autofocus autocomplete="username" />
    </label>
    <label>
      password
      <input type="password" name="password" required autocomplete="current-password" />
    </label>
    <div class="kg-actions">
      <button class="kg-btn" type="submit">log in</button>
    </div>
  </form>
  <p class="kg-meta" style="margin-top:1.25rem">
    No account? <a href="/auth/signup">Sign up</a>
  </p>
</section>
{% endblock %}