{% extends "base.html" %}
{% block title %}{{ 'login.title'|t(user.language if user else 'zh') }} - {{ 'brand'|t(user.language if user else 'zh') }}{% endblock %}
{% block content %}
<div class="auth-form">
    <h2>{{ 'login.title'|t(user.language if user else 'zh') }}</h2>
    {% if error %}
    <div class="alert alert-error">{{ error }}</div>
    {% endif %}
    <form method="post" action="/login">
        <label>{{ 'login.username'|t(user.language if user else 'zh') }}</label>
        <input type="text" name="username" required autofocus>
        <label>{{ 'login.password'|t(user.language if user else 'zh') }}</label>
        <input type="password" name="password" required>
        <label class="checkbox-label" style="margin-top:1rem;display:flex;align-items:center;gap:.4rem;cursor:pointer">
            <input type="checkbox" name="remember_me" style="width:auto;margin:0"> {{ 'login.remember'|t(user.language if user else 'zh') }}
        </label>
        <button type="submit" class="btn btn-primary">{{ 'login.title'|t(user.language if user else 'zh') }}</button>
    </form>
    <p style="margin-top:1rem;text-align:center;font-size:.85rem">{{ 'login.no_account'|t(user.language if user else 'zh') }}<a href="/register">{{ 'login.go_register'|t(user.language if user else 'zh') }}</a></p>
</div>
{% endblock %}