document.addEventListener("DOMContentLoaded", function () {
    fetch("/api/review-plan")
        .then(response => response.json())
        .then(data => {
            const subjectsContainer = document.getElementById("subjects-container");
            const tipsContainer = document.getElementById("tips-container");

            // 渲染科目复习计划
            data.data.subjects.forEach(subject => {
                const subjectItem = document.createElement("div");
                subjectItem.classList.add("item");

                const subjectName = document.createElement("div");
                subjectName.classList.add("item-name");
                subjectName.textContent = subject.name;

                const subjectPlan = document.createElement("div");
                subjectPlan.classList.add("item-description");
                subjectPlan.textContent = subject.plan;

                subjectItem.appendChild(subjectName);
                subjectItem.appendChild(subjectPlan);

                subjectsContainer.appendChild(subjectItem);
            });

            // 渲染复习小贴士
            data.data.tips.forEach(tip => {
                const tipItem = document.createElement("div");
                tipItem.classList.add("item");
                tipItem.textContent = tip;
                tipsContainer.appendChild(tipItem);
            });
        })
        .catch(error => {
            console.error("Error fetching review plan data:", error);
        });
});