{% extends "base.html" %}

{% block content %}
<section class="hero auth-card" data-test="login-card">
  <p class="eyebrow">Secure Access</p>
  <h1>Sign in</h1>
  <p class="lede">Use an admin-created account to access your tracked scholars and settings.</p>
  {% if error_message %}
  <p class="form-error" role="alert">{{ error_message }}</p>
  {% endif %}
  {% if retry_after_seconds %}
  <p class="form-note">Retry after {{ retry_after_seconds }} seconds.</p>
  {% endif %}
  <form method="post" action="/login" class="auth-form" data-test="login-form">
    <input type="hidden" name="csrf_token" value="{{ csrf_token }}">
    <label for="email">Email</label>
    <input id="email" name="email" type="email" autocomplete="username" required autofocus>
    <label for="password">Password</label>
    <input id="password" name="password" type="password" autocomplete="current-password" required>
    <button type="submit" data-loading-text="Signing in...">Sign in</button>
  </form>
</section>
{% endblock %}