{% extends "base.html" %}
{% block title %}登录｜{{ app_name }}{% endblock %}
{% block body_class %}login-body{% endblock %}
{% block body %}
<main class="login-card">
    <div class="brand-mark">YD</div>
    <h1>游戏站点模拟</h1>
    <p class="muted">仅使用 members 表内存在的用户名登录，不需要密码。</p>

    {% with messages = get_flashed_messages(with_categories=true) %}
        {% for category, message in messages %}
            <div class="alert alert-{{ category }}">{{ message }}</div>
        {% endfor %}
    {% endwith %}

    <form method="post" autocomplete="off">
        <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
        <label for="username">用户名</label>
        <input id="username" name="username" type="text" maxlength="191"
               value="{{ username }}" placeholder="输入 username 或 username_clean"
               required autofocus>
        <button type="submit" class="primary-button">登录测试站点</button>
    </form>

    <div class="login-divider"><span>或</span></div>

    <a
        class="guest-service-button"
        href="{{ url_for('guest_customer_service') }}"
    >
        🎧 游客进入客服
    </a>

    <p class="guest-service-note">
        游客只能进行一般咨询，不能查询会员充值、提款或账户资料。
    </p>

    <p class="security-note">【测试限定】此登录方式不具备正式身份验证能力。</p>
</main>
{% endblock %}