{% extends "base.html" %}
{% from "macros/forms.html" import render_field %}

{% block title %}Sign in · Face Attendance{% endblock %}

{% block content %}
<div class="auth-layout">
  <section class="auth-panel">
    <div class="mb-4">
      <p class="eyebrow">Secure attendance management</p>
      <h1 class="h3 mb-2">Sign in</h1>
      <p class="text-secondary mb-0">Use your staff account to access the attendance system.</p>
    </div>

    <form method="post" novalidate>
      {{ form.hidden_tag() }}
      {{ render_field(form.username, "username") }}
      {{ render_field(form.password, "password") }}
      <div class="form-check mb-4">
        {{ form.remember(class="form-check-input") }}
        {{ form.remember.label(class="form-check-label") }}
      </div>
      {{ form.submit(class="btn btn-primary w-100") }}
    </form>
  </section>
</div>
{% endblock %}