{% extends "base.html" %}
{% block title %}Sign in - Illustrations DB{% endblock %}
{% block content %}
  <div class="panel" style="max-width:420px; margin: 80px auto;">
    <h2 style="margin-top:0; color: var(--blue);">Sign in</h2>
    {% if error %}<div class="flash">{{ error }}</div>{% endif %}
    <form method="post">{% csrf_token %}
      <label>Username</label>
      <input type="text" name="username" required />
      <label style="margin-top:12px;">Password</label>
      <input type="password" name="password" required />
      <div style="margin-top:16px; display:flex; gap:10px; justify-content:flex-end;">
        <a class="btn" href="#">Cancel</a>
        <button class="btn primary" type="submit">Sign in</button>
      </div>
    </form>
  </div>
{% endblock %}