{% 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>远程持久化</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="例如 2025XXXXXXXXX" 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">
            如果你已经拿到注册码，请先前往 <a href="{{ url_for('register') }}">用户注册</a>，注册时请使用学号和教务处密码。
        </div>
    </div>
</section>
{% endblock %}