{% extends "base.html" %}
{% block title %}Sign in · Fatimas Calendar{% endblock %}
{% block body_class %}login-page{% endblock %}
{% block content %}
  <main class="login-shell">
    <form class="login-card" method="post">
      <img class="brand-mark" src="{{ url_for('static', filename='wwwsuynl.png') }}" alt="www.suy.nl">
      <p class="eyebrow">Fatimas calendar</p>
      <h1>Welcome back</h1>
      <p class="login-copy">Sign in to open your calendar.</p>

      {% if error %}<p class="form-error" role="alert">{{ error }}</p>{% endif %}

      <label for="username">Username</label>
      <input id="username" name="username" autocomplete="username" autocapitalize="none" required autofocus>

      <label for="password">Password</label>
      <input id="password" name="password" type="password" autocomplete="current-password" required>

      <button type="submit">Sign in</button>
    </form>
  </main>
{% endblock %}