{% extends "base.html" %}

{% block content %}
<div class="site-title">login</div>
<div class="site-subtitle">:: i'm a computer ::</div>

<hr class="divider">

{% if let Some(err) = error %}
<div class="post" style="border-color:#d4879c; margin-bottom:12px;">
  <div class="post-body" style="color:#d4879c;">⚠ {{ err }}</div>
</div>
{% endif %}

<div class="post">
  <form method="post" action="/auth/login">
    <input type="hidden" name="csrf_token" value="{{ csrf_token }}">
    <div class="form-field">
      <label class="form-label">username</label>
      <input class="form-input" type="text" name="username" required autocomplete="username">
    </div>
    <div class="form-field">
      <label class="form-label">password</label>
      <input class="form-input" type="password" name="password" required autocomplete="current-password">
    </div>
    <button class="form-submit" type="submit">login →</button>
  </form>
  <div class="post-meta" style="margin-top:10px;">
    new here? <a href="/auth/register" style="color:#d4879c;">register here</a>
    &middot; <a href="/auth/forgot-password" style="color:#888;">forgot password?</a>
  </div>
</div>
{% endblock %}