fix: batch ui and ux

lms/www/batches/batch_details.js

@@ -1,3 +1,97 @@
 frappe.ready(() => {
 	frappe.require("controls.bundle.js");
+
+	$(".btn-add-course").click((e) => {
+		show_course_modal(e);
+	});
+
+	$(".btn-edit-course").click((e) => {
+		show_course_modal(e);
+	});
+
+	$(".btn-remove-course").click((e) => {
+		remove_course(e);
+	});
 });
+
+const show_course_modal = (e) => {
+	const target = $(e.currentTarget);
+	const course = target.data("course");
+	const evaluator = target.data("evaluator");
+	const course_name = target.data("name");
+
+	let course_modal = new frappe.ui.Dialog({
+		title: "Add Course",
+		fields: [
+			{
+				fieldtype: "Link",
+				options: "LMS Course",
+				label: __("Course"),
+				fieldname: "course",
+				reqd: 1,
+				only_select: 1,
+				default: course || "",
+			},
+			{
+				fieldtype: "Link",
+				options: "Course Evaluator",
+				label: __("Course Evaluator"),
+				fieldname: "evaluator",
+				only_select: 1,
+				default: evaluator || "",
+			},
+		],
+		primary_action_label: __("Add"),
+		primary_action(values) {
+			add_course(values, course_name);
+			course_modal.hide();
+		},
+	});
+	course_modal.show();
+};
+
+const add_course = (values, course_name) => {
+	frappe.call({
+		method: "lms.lms.doctype.lms_batch.lms_batch.add_course",
+		args: {
+			course: values.course,
+			evaluator: values.evaluator,
+			parent: $(".class-details").data("batch"),
+			name: course_name || "",
+		},
+		callback(r) {
+			frappe.show_alert(
+				{
+					message: course_name
+						? __("Course Updated")
+						: __("Course Added"),
+					indicator: "green",
+				},
+				2000
+			);
+			window.location.reload();
+		},
+	});
+};
+
+const remove_course = (e) => {
+	frappe.confirm("Are you sure you want to remove this course?", () => {
+		frappe.call({
+			method: "lms.lms.doctype.lms_batch.lms_batch.remove_course",
+			args: {
+				course: $(e.currentTarget).data("course"),
+				parent: $(".class-details").data("batch"),
+			},
+			callback(r) {
+				frappe.show_alert(
+					{
+						message: __("Course Removed"),
+						indicator: "green",
+					},
+					2000
+				);
+				window.location.reload();
+			},
+		});
+	});
+};