{% extends "base.html" %}
{% block title %}Sign in · SD RMM{% endblock %}
{% block bodyclass %}auth-page{% endblock %}
{% block header %}{% endblock %}
{% block content %}
<div class="auth-card">
  <div class="auth-head">
    <span class="brand-mark">&gt;_</span>
    <h1>SD RMM</h1>
    <p class="sub">Sign in to continue.</p>
  </div>

  {% if error %}<div class="alert alert-error">{{ error }}</div>{% endif %}

  <form method="post" action="/login" class="form">
    <label>Email
      <input type="email" name="email" required autocomplete="username"
             value="{{ email or '' }}" autofocus>
    </label>
    <label>Password
      <input type="password" name="password" required autocomplete="current-password">
    </label>
    <button type="submit" class="btn btn-primary">Sign in</button>
  </form>

  <p class="auth-foot">Two-factor required. You will set it up on first sign-in.</p>
</div>
{% endblock %}