{% extends 'base.html' %}
{% block title %}注册 - 学生选课系统{% endblock %}
{% block content %}
<h2>用户注册</h2>
<form id="registerForm">
    <label for="username">用户名:</label>
    <input type="text" id="username" name="username" required maxlength="50">

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

    <label for="email">邮箱:</label>
    <input type="email" id="email" name="email">

    <label for="full_name">真实姓名:</label>
    <input type="text" id="full_name" name="full_name" maxlength="100">

    <label for="role">角色:</label>
    <select id="role" name="role" required>
        <option value="student">学生</option>
        <option value="admin">管理员</option>
    </select>

    <button type="submit">注册</button>
</form>
<p>已有账号？<a href="/">登录</a></p>
<script>
document.getElementById('registerForm').addEventListener('submit', async function(e) {
    e.preventDefault();
    const username = e.target.username.value.trim();
    const password = e.target.password.value.trim();
    const email = e.target.email.value.trim();
    const full_name = e.target.full_name.value.trim();
    const role = e.target.role.value;

    if (!username || !password || !role) {
        alert('用户名、密码和角色为必填项');
        return;
    }
    if (password.length < 6) {
        alert('密码长度至少6位');
        return;
    }

    try {
        const response = await axios.post('/api/register', { username, password, email, full_name, role });
        if (response.data.success) {
            alert('注册成功，请登录');
            window.location.href = '/';
        } else {
            alert(response.data.message);
        }
    } catch (err) {
        alert('注册失败，请稍后重试');
    }
});
</script>
{% endblock %}