Frappe call for whitelisted method

rappe.listview_settings["Employee Checkin"] = {
    refresh: function(listview) {
        for (var i = 0; i < listview.data.length; i++) {
            var row = listview.data[i];
            let collection = document.getElementsByClassName("list-row-container");
            var shift = row.shift;
            var emp = row.employee;
            var t = row.time;
            if (emp == 6 && shift == "shift2"){
                console.log("i am here");
               frappe.call({
			    method: "erpnext.hr.doctype.employee_checkin.employee_checkin.add_log_based_on_employee_field",
			    args: {
    				employee_field_value: emp,
    				timestamp: '06-09-2023 16:00:00',
    				device_id: 'test3',
    				log_type: '',
    				skip_auto_attendance: 0,
    				employee_field_name: emp
			    },
			    callback: function (r) {
			        console.log(r.message);
			    }
               })
            } 
        }
    }
}

any help please ??
i am trying to add employee checkin record automatically based on certain shift .
i tried to call the method add_log_based_on_employee_field but it did not work , this error comes >>

jquery.min.js:4 POST http://10.5.1.102/api/method/erpnext.hr.doctype.employee_checkin.employee_checkin.add_log_based_on_employee_field 500 (INTERNAL SERVER ERROR)
Uncaught (in promise) DOMException: play() failed because the user didn’t interact with the document first. Autoplay policy in Chrome - Chrome Developers
type or paste code here