{% extends "base.html" %}
{% block content %}
<div class="card narrow login-card">
  <img class="login-logo" src="{{ url_for('static', filename='img/favicon.svg') }}" alt="KielZeit">
  <h1 class="login-title">KielZeit</h1>
  <p class="login-sub">Zeiterfassung &amp; Auswertung</p>
  <form method="post">
    <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
    <label>Benutzername
      <input type="text" name="username" autofocus autocomplete="username" required>
    </label>
    <label>Passwort
      <input type="password" name="password" autocomplete="current-password" required>
    </label>
    <button type="submit" class="login-btn">Anmelden</button>
  </form>
</div>
{% endblock %}