{# GET /login — crate::pages::login::ui::LoginPage #}
{% extends "ui/base.html" %}

{% block title %}{{ nav.tr("login-title") }}{% endblock %}

{% block content %}
<main class="login-main">
  <form class="login-card" hx-post="/login" hx-target="#login-status" hx-swap="innerHTML"
        hx-disabled-elt="button" novalidate>
    <h1>{{ nav.tr("login-title") }}</h1>
    <label>{{ nav.tr("login-username-or-email") }}<input name="identifier" autocomplete="username"></label>
    <label>{{ nav.tr("login-password") }} <span>{{ nav.tr("login-optional") }}</span><input name="password" type="password" autocomplete="current-password"></label>
    <button type="submit">{{ nav.tr("login-button-login") }}</button>
    <p class="login-alt">{{ nav.tr("login-no-account") }} <a href="/register">{{ nav.tr("register-title") }}</a></p>
    <div id="login-status" aria-live="polite"></div>
  </form>
</main>
{% endblock %}