{#
  ─────────────────────────────────────────────
   SPB Drive — Personal Cloud Drive
  ─────────────────────────────────────────────
   Author  : Simon-Pierre Boucher
   Contact : contact@spboucher.ai
   File    : src/web/views/login.njk
   Purpose : Login page — centered card, monogram, password + remember me
   License : MIT © Simon-Pierre Boucher
  ─────────────────────────────────────────────
#}
{% extends "base.njk" %}
{% block title %}Sign in · SPB Drive{% endblock %}
{% block body %}
<div class="login-wrap">
  <form class="login-card" method="post" action="/login" autocomplete="off">
    <div class="login-logo">SPB</div>
    <h1>SPB Drive</h1>
    <p class="sub">Private cloud of Simon-Pierre Boucher</p>
    {% if error %}<div class="login-error" role="alert">{{ error }}</div>{% endif %}
    <input type="hidden" name="_csrf" value="{{ csrf }}">
    <input type="hidden" name="next" value="{{ next }}">
    <label class="field">
      <span>Password</span>
      <input type="password" name="password" autofocus required autocomplete="current-password" placeholder="••••••••••">
    </label>
    <label class="login-remember">
      <input type="checkbox" name="remember"> Remember me for 30 days
    </label>
    <button class="btn primary" type="submit">Unlock drive</button>
  </form>
</div>
{% endblock %}