{% extends "base.html" %}
{% block title %}Sign in — {{ app_name }}{% endblock %}
{% block guest_content %}
<div class="auth-card">
  <div class="auth-brand">
    <i class="fa-solid fa-server"></i>
    <h1 class="h5 mt-2 mb-0">{{ app_name }}</h1>
    <div class="text-muted small">Internal Staff Sign-In</div>
  </div>
  {% if error %}<div class="alert alert-danger py-2">{{ error }}</div>{% endif %}
  <form method="post" action="/login">
    <div class="mb-3">
      <label class="form-label">Username or Email</label>
      <input type="text" name="username" class="form-control" required autofocus>
    </div>
    <div class="mb-3">
      <label class="form-label">Password</label>
      <input type="password" name="password" class="form-control" required>
    </div>
    <button type="submit" class="btn btn-primary w-100">Sign In</button>
  </form>
  <p class="text-center text-muted small mt-3 mb-0">Contact your administrator if you cannot access your account.</p>
</div>
{% endblock %}