{% extends "base.html" %}
{% block title %}Sign in — admin{% endblock %}
{% block robots %}<meta name="robots" content="noindex">{% endblock %}
{% block body %}
<div class="wrap auth"><div class="form-panel">
  <div class="mono" style="margin-bottom:6px">admin access</div>
  <h2>Sign in</h2>
  <p class="muted" style="font-size:15px;margin-bottom:24px">This area is restricted. Every sign-in is logged.</p>
  <form method="post">{% csrf_token %}
    {% if form.errors %}<div class="notice" style="border-color:var(--warn);color:var(--warn);background:rgba(255,107,90,.07)">
      Those credentials don't match a staff account.</div>{% endif %}
    <div class="field"><label for="{{ form.username.id_for_label }}">Email</label><input type="text" name="username" id="{{ form.username.id_for_label }}" value="{{ form.username.value|default:'' }}" autocomplete="username" autocapitalize="none" placeholder="you@company.com"></div>
    <div class="field"><label for="{{ form.password.id_for_label }}">Password</label><input type="password" name="password" id="{{ form.password.id_for_label }}" autocomplete="current-password" placeholder="••••••••"></div>
    <button class="btn btn-primary btn-block">Sign in</button>
  </form>
  <p class="alt"><a href="{% url 'home' %}">Back to the website</a></p>
</div></div>
{% endblock %}