feat: paid courses

lms/public/css/style.css

@@ -414,11 +414,13 @@ input[type=checkbox] {
 }
 
 .course-card-footer {
-  margin-top: auto;
+	display: flex;
+	justify-content: space-between;
+	margin-top: auto;
 }
 
-.course-card-footer .avatar-group {
-  display: inherit;
+.course-price {
+	font-weight: 700;
 }
 
 .view-course-link {
@@ -551,6 +553,11 @@ input[type=checkbox] {
   }
 }
 
+.course-card-instructors {
+	display: flex;
+	align-items: center;
+}
+
 .course-card-wide-content {
   display: flex;
   flex-direction: column;

lms/public/js/common_functions.js

@@ -2,8 +2,8 @@ frappe.ready(() => {
 	setup_file_size();
 	pin_header();
 
-	$(".join-batch").click((e) => {
-		join_course(e);
+	$(".enroll-in-course").click((e) => {
+		enroll_in_course(e);
 	});
 
 	$(".notify-me").click((e) => {
@@ -68,7 +68,7 @@ const file_size = (value) => {
 	return value;
 };
 
-const join_course = (e) => {
+const enroll_in_course = (e) => {
 	e.preventDefault();
 	let course = $(e.currentTarget).attr("data-course");
 	if (frappe.session.user == "Guest") {