{% extends "base.html" %}
{% block title %}用户登录 | SCU 选课控制台{% endblock %}
{% block body_class %}auth-body{% endblock %}
{% block content %}
<section class="auth-layout">
    <div class="hero-panel reveal-up">
        <span class="eyebrow">Advanced SCU Course Catcher</span>
        <h1>把抢课任务变成一个稳定、可并行、可追踪的个人控制台。</h1>
        <p>
            使用学号与教务密码登录后，你可以自行维护课程号与课序号，查看后台运行状态，并实时看到程序日志。
        </p>
        <div class="hero-metrics">
            <article>
                <strong>多用户隔离</strong>
                <span>每位用户独立队列与日志流</span>
            </article>
            <article>
                <strong>实时可见</strong>
                <span>浏览器执行日志会持续推送</span>
            </article>
            <article>
                <strong>HF Space 友好</strong>
                <span>无头浏览器任务可直接部署</span>
            </article>
        </div>
    </div>

    <div class="auth-card reveal-up delay-1">
        <div class="card-head compact">
            <span class="kicker">学生入口</span>
            <h2>用户登录</h2>
            <p>此页面不展示管理员入口，管理员请直接访问 <code>/admin</code>。</p>
        </div>
        <form method="post" class="form-grid">
            <label class="field">
                <span>学号</span>
                <input type="text" name="student_id" inputmode="numeric" autocomplete="username" placeholder="例如 2023XXXXXXXXX" required>
            </label>
            <label class="field">
                <span>密码</span>
                <input type="password" name="password" autocomplete="current-password" placeholder="输入教务系统密码" required>
            </label>
            <button type="submit" class="btn btn-primary btn-lg">进入用户控制台</button>
        </form>
        <div class="auth-footnote">
            管理员可以在后台手动录入用户信息，普通用户登录后只会看到自己的课程数据与日志。
        </div>
    </div>
</section>
{% endblock %}