{% extends "base.html" %}
{% block title %}Sign in — BackupWatch{% endblock %}
{% block content %}
<div class="login">
  <img class="logo" src="/static/logo-color.svg" alt="BackupWatch">
  <p class="sub">Sign in to continue</p>
  {% if error %}<div class="banner error">{{ error }}</div>{% endif %}
  {% if msg %}<div class="banner">{{ msg }}</div>{% endif %}
  <form method="post" action="/login">
  <input type="hidden" name="csrf_token" value="{{ csrf_token }}">
    <label>Email <input type="email" name="email" required></label>
    <label>Password <input type="password" name="password" required></label>
    <label class="inline"><input type="checkbox" name="remember" value="on"> Remember me for 7 days</label>
    <div class="kiosk-opt">
      <label class="inline"><input type="checkbox" name="kiosk" value="on"> NOC display mode</label>
      <small class="kiosk-note">Read-only accounts only — stays signed in for 30 days and
        auto-refreshes the dashboard.</small>
    </div>
    <button type="submit">Sign in</button>
  </form>
</div>
{% endblock %}