layui.use(['laypage', 'element', 'jquery', 'dropdown'], function () {
    var laypage = layui.laypage;
    var $ = layui.jquery;

    function renderTable(page) {
        $.get('/api/get-teacher-attendance-table?page=' + page, function (response) {
            var $tbody = $('#attendanceTable tbody');
            $tbody.empty(); // 清空表格内容

            response.data.forEach(function (item) {
                var $row = $('<tr></tr>');
                $row.append(`<td>${item.course_id}</td>`);
                $row.append(`<td>${item.course_name}</td>`);
                $row.append(`<td>${item.class_name}</td>`);
                $row.append(`<td>${item.major}</td>`);
                $row.append(`<td><div class="layui-btn-container">
                                <button type="button" class="layui-btn btn-sign-in" 
                                        data-course-id="${item.course_id}" 
                                        data-course-name="${item.course_name}"
                                        data-class-name = "${item.class_name}"
                                        data-major-id = "${item.major_id}"
                                        >签到</button>
                                </div>
                                </td>`)
                $tbody.append($row);
            });

            laypage.render({
                elem: 'pagination',
                count: response.count,
                limit: 10,
                curr: page,
                jump: function (obj, first) {
                    if (!first) {
                        renderTable(obj.curr);
                    }
                }
            });
        });
    }

    // 为动态生成的按钮添加点击事件
    $(document).on('click', '.btn-sign-in', function () {
        var courseId = $(this).data('course-id'); // 获取课程ID
        var courseName = $(this).data('course-name'); // 获取课程名
        var className = $(this).data('class-name'); // 获取课程名
        var majorId = $(this).data('major-id'); // 获取课程名
        // console.log(courseId,courseName,className,majorId)
        // 向后端发送POST请求
        $.post('/api/teacher-sign-in', {
            course_id: courseId,
            course_name: courseName,
            class_name: className,
            major_id:majorId
        }, function (response) {
            layer.msg(response.msg);
        });
    });
    renderTable(1); // 初始加载第一页
});