{% extends "base.html" %}

{% block title %}Sign in | Nornsight{% endblock %}

{% block body %}
<main class="login-shell">
  <section class="login-panel" aria-labelledby="login-title">
    <div class="login-copy">
      <p class="eyebrow">Admin access</p>
      <h1 id="login-title">Sign in to Nornsight</h1>
      <p>Use the dashboard account to review rankings, profiles, and legislator comparisons.</p>
    </div>

    <form class="login-form" action="/login" method="post">
      <input type="hidden" name="next" value="{{ next_path }}">

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

      <label for="username">Username</label>
      <input
        id="username"
        name="username"
        type="text"
        autocomplete="username"
        value="{{ username }}"
        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>
  </section>
</main>
{% endblock %}