{% extends 'base.html' %}
{% block title %}个人信息 - 学生选课系统{% endblock %}
{% block content %}
<h2>个人信息</h2>
<form id="profileForm">
    <label>用户名: </label>
    <span>{{ current_user.username }}</span><br>

    <label for="email">邮箱:</label>
    <input type="email" id="email" name="email" value="{{ current_user.email or '' }}"><br>

    <label for="full_name">真实姓名:</label>
    <input type="text" id="full_name" name="full_name" value="{{ current_user.full_name or '' }}"><br>

    <label for="password">新密码 (留空则不修改):</label>
    <input type="password" id="password" name="password"><br>

    <button type="submit">保存修改</button>
</form>
<script>
document.getElementById('profileForm').addEventListener('submit', async function(e) {
    e.preventDefault();
    const email = e.target.email.value.trim();
    const full_name = e.target.full_name.value.trim();
    const password = e.target.password.value.trim();

    const data = { email, full_name };
    if (password) {
        if (password.length < 6) {
            alert('密码长度至少6位');
            return;
        }
        data.password = password;
    }

    try {
        const userId = {{ current_user.id }};
        const res = await axios.put(`/api/users/${userId}`, data);
        alert(res.data.message);
        if (res.data.success) {
            e.target.password.value = '';
        }
    } catch (e) {
        alert('更新失败');
    }
});
</script>
{% endblock %}