{% extends 'base.html' %}
{% block title %}首页 - 学生选课系统{% endblock %}
{% block content %}
<div class="home-intro">
    <h1>欢迎使用学生选课系统</h1>
    <p>本系统支持学生注册登录、课程管理、选课退课、成绩查询等功能。</p>
</div>
<div class="login-form">
    <h2>用户登录</h2>
    <form id="loginForm">
        <label for="username">用户名:</label>
        <input type="text" id="username" name="username" required>

        <label for="password">密码:</label>
        <input type="password" id="password" name="password" required>

        <button type="submit">登录</button>
    </form>
    <p>没有账号？<a href="/register">注册</a></p>
</div>
<div class="announcement">
    <h2>公告栏</h2>
    <ul>
        <li>2024-06-01: 系统上线，欢迎使用！</li>
        <li>2024-06-05: 新增课程管理功能。</li>
    </ul>
</div>
<script>
document.getElementById('loginForm').addEventListener('submit', async function(e) {
    e.preventDefault();
    const username = e.target.username.value.trim();
    const password = e.target.password.value.trim();
    if (!username || !password) {
        alert('请输入用户名和密码');
        return;
    }
    try {
        const response = await axios.post('/api/login', { username, password });
        if (response.data.success) {
            alert('登录成功');
            window.location.href = '/courses';
        } else {
            alert(response.data.message);
        }
    } catch (err) {
        alert('登录失败，请稍后重试');
    }
});
</script>
{% endblock %}