{% extends "base.html" %}
{% from "_partials/brand_glyph.html" import brand_glyph %}
{% block title %}Login — {{ library_name() }}{% endblock %}
{% block header %}{% endblock %}
{% block footer %}{% endblock %}
{% block main %}
<main class="login-cover">
  <div class="login-cover-card">
    {{ brand_glyph('8rem', label=library_name()) }}
    <h1 class="login-wordmark">{{ library_name() }}</h1>
    {% if message %}
      <p class="success-banner">{{ message }}</p>
    {% endif %}
    {% if error %}
      <p class="error-banner">{{ error }}</p>
    {% endif %}
    <form method="post" action="/ui/login">
      <input type="hidden" name="csrf_token" value="{{ csrf_token }}">
      <input type="hidden" name="next" value="{{ next }}">
      <label>
        Username
        <input type="text" name="username" autocomplete="username" required autofocus>
      </label>
      <label>
        Password
        <input type="password" name="password" autocomplete="current-password" required>
      </label>
      <button type="submit">Login</button>
    </form>
    {% if guest_search_enabled() %}
    <p class="login-cover-browse"><a href="/ui/catalog">Browse catalog without logging in →</a></p>
    {% endif %}
  </div>
</main>
{% endblock %}