{% extends 'base.html' %}
{% block title %}成绩查询 - 学生选课系统{% endblock %}
{% block content %}
<h2>成绩查询</h2>
<table class="course-table">
    <thead>
        <tr>
            <th>课程名称</th>
            <th>成绩</th>
            {% if current_user.role == 'admin' %}<th>操作</th>{% endif %}
        </tr>
    </thead>
    <tbody id="gradesList">
        <!-- 动态填充 -->
    </tbody>
</table>

{% if current_user.role == 'admin' %}
<div class="grade-entry">
    <h3>录入/修改成绩</h3>
    <form id="gradeForm">
        <label for="enrollmentId">选课ID:</label>
        <input type="number" id="enrollmentId" name="enrollmentId" required>

        <label for="grade">成绩:</label>
        <input type="text" id="grade" name="grade" required maxlength="5">

        <button type="submit">提交</button>
    </form>
</div>
{% endif %}

<script>
async function loadGrades() {
    try {
        const userId = {{ current_user.id }};
        const response = await axios.get(`/api/grades/${userId}`);
        const grades = response.data;
        const tbody = document.getElementById('gradesList');
        tbody.innerHTML = '';
        grades.forEach(g => {
            const tr = document.createElement('tr');
            tr.innerHTML = `
                <td>${g.course_name}</td>
                <td>${g.grade || '-'}</td>
                ${'{{ current_user.role }}' === 'admin' ? `<td>-</td>` : ''}
            `;
            tbody.appendChild(tr);
        });
    } catch (e) {
        alert('加载成绩失败');
    }
}

window.addEventListener('load', loadGrades);

{% if current_user.role == 'admin' %}
document.getElementById('gradeForm').addEventListener('submit', async function(e) {
    e.preventDefault();
    const enrollmentId = e.target.enrollmentId.value.trim();
    const grade = e.target.grade.value.trim();
    if (!enrollmentId || !grade) {
        alert('选课ID和成绩不能为空');
        return;
    }
    try {
        const res = await axios.put(`/api/grades/${enrollmentId}`, { grade });
        alert(res.data.message);
        if (res.data.success) {
            e.target.reset();
        }
    } catch (e) {
        alert('提交失败');
    }
});
{% endif %}
</script>
{% endblock %}