function show_books(courses_data, user_selected_courses){
    console.log(courses_data)
    console.log(user_selected_courses)
}
function show_course_details(course_id){
    window.location.href = '/course/' + course_id 
}

function on_click_select_course(event){
    event.stopPropagation(); // 阻止事件冒泡
    const courseId = event.currentTarget.getAttribute('data-course-id');
    if (event.currentTarget.classList.contains("selected-button")) {alert('课程已选择'); return;}
    fetch(`/select_course`, {
        method: 'POST',
        headers: {
            'Content-Type': 'application/json',
            'X-CSRFToken': '{{ csrf_token() }}' // 如果使用 CSRF 保护
        },
        body: JSON.stringify({ course_id: courseId })
    })
    .then(response => response.json())
    .then(data => {
        if (data.success) {
            // 更新按钮样式或显示消息
            this.classList.remove('select-button');
            this.classList.add('selected-button');
            this.textContent = '已选择';
            alert('选择课程成功');
        } else {
            alert('选择课程失败');
        }
    })
    .catch(error => {
        console.error('Error:', error);
        alert('选择课程失败');
    });
}

document.addEventListener('DOMContentLoaded', function() {

});