<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <title>Login</title>
    <link rel="stylesheet" href="/static/css/site.css" />
  </head>
  <body>
    <main class="login-card">
      <h1>Login</h1>
        {% if logged_in_cur_user %}
        <p class="mild-warning">You are already logged in as {{ logged_in_cur_user }}</p>
        {% endif %}
      {% if error %}
      <p class="error">{{ error }}</p>
      {% endif %}
      <form method="post" action="/login">
        <label class="field">
          <span class="label">Passcode</span>
          <input
            type="password"
            name="passcode"
            placeholder="Enter passcode"
            required
            autofocus
          />
        </label>
        <input type="hidden" name="csrf_token" value="{{ csrf }}" />
        <button type="submit">Enter</button>
      </form>
    </main>
  </body>
</html>
