{% extends "base.html" %}
{% block title %}Anmelden · Abrechnungssystem{% endblock %}
{% block content %}
  <div class="card" style="max-width:380px;margin:2rem auto;">
    <h1 style="margin-top:0;">Anmelden</h1>
    {% if form.errors %}
      <p style="color:#7a1f1f;">Benutzername oder Passwort ist falsch.</p>
    {% endif %}
    <form method="post">
      {% csrf_token %}
      <p>
        <label for="id_username">Benutzername</label><br>
        <input type="text" name="username" id="id_username" autofocus required
               style="width:100%;padding:.5rem;">
      </p>
      <p>
        <label for="id_password">Passwort</label><br>
        <input type="password" name="password" id="id_password" required
               style="width:100%;padding:.5rem;">
      </p>
      <input type="hidden" name="next" value="{{ next }}">
      <button type="submit" style="padding:.55rem 1.2rem;background:var(--brand);color:#fff;border:none;border-radius:6px;cursor:pointer;">
        Anmelden
      </button>
    </form>
  </div>
{% endblock %}