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 
}

document.addEventListener('DOMContentLoaded', function() {
    const selectButtons = document.querySelectorAll('.select-button');

    selectButtons.forEach(button => {
        button.addEventListener('click', function(event) {
            event.stopPropagation(); // 阻止事件冒泡
            const courseId = this.getAttribute('data-course-id');
            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('选择课程失败');
            });
        });
    });
});