EVOLUTION-NINJA

Edit File: index.php

<?php echo view('includes/header.php');

$user_login_id        = session('user_login_id');
$user_user_type_id    = session('user_user_type_id');
$user_username        = session('user_username');
$user_approval_status = session('user_approval_status');

$email = '';
$password = '';

if (isset($_COOKIE['user_cookie_email'])) {
	$email = $_COOKIE['user_cookie_email'];
}
if (isset($_COOKIE['user_cookie_password'])) {
	$password = $_COOKIE['user_cookie_password'];
}

<?php
	if ($user_login_id != "" || $faculty_login_id != "") {
	if ($user_user_type_id == 3) {
 ?>
<section class="mycourse_middle_one">
  <div class="container">
    <h2>My Courses</h2>
    <p><b>Note : </b> Click on course it will redirect dashboard</p>
  </div>
</section>

<section class="mycourse_middle_two">
  <div class="container user_added_courses" style="margin-top:-43px">
 
  </div>
</section>
<img src="<?php echo base_url('public/assets/images/mycourse_banner.png'); ?>"  width="100%"  height="200px">

add_courses(login_id);

function add_courses(login_id) {

$.ajax({
      url: "<?php echo site_url('user_added_courses') ?>",
      type: "POST",
      data: {
        'login_id': login_id
      },
      async: false,
      success: function(response) {
        // response = jQuery.parseJSON(response);
        console.log(response);
        if (response == "") {

} else {
          var fields = '';
          $.each(response.message, function(idx, vx) {
            fields += '<div class="col-sm-6 col-md-4 col-lg-4 course_box-main">';
            fields += '<a href="<?php echo site_url('added-course-details'); ?>/' + vx.mapping_id + '">';
            fields += '<div class="rightside_course_box" style="border-radius:5px; background-color: white;">';
            fields += '<div class="rightside_course_box_img" style="border-radius:5px;">';
            fields += '<img src="<?php echo base_url('public/course_images/'); ?>' + vx.course_image + '" class="img-responsive center-block">';
            fields += '</div>';
            fields += '</a>';
            fields += '<div class="rightside_course_box_text">';
            fields += '<div class="co_main_headding">';
            fields += '<p style="display:none;><strong>' + vx.course_title + '</strong></p>';
        
            fields += '</div>';

fields += '<div class="co_price">';
            if (vx.institution_id == '0') {
              fields += '<p class="course_box_ri"  style="display:none;"><i class="fa fa-inr" aria-hidden="true"></i> &nbsp; ' + vx.course_price + '/- </p>';
                  fields += '<a style="text-decoration:none;background-color:green;padding:6px 19px;color:white;border-radius:5px;"  href="<?php echo site_url('added-course-details'); ?>/' + vx.mapping_id + '">  Click here to Visit Your Courses';
                
                  fields += '</a>';
            }

fields += '</div>';
            fields += '</div>';
            fields += '</div>';

fields += '</div>';

});
          $('.user_added_courses').append(fields);

}
      }
    });

}
</script>

<?php
					} else {
						?>

<?php
					}
				} else {
					?>
										<main id="home_banner">
    <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap" rel="stylesheet">

<h2  class="demo">Bringing Affordable Learning Anywhere</h2>

<p  style="font-size: 18px;"  class="demo1"><b>Digital economy training . Driving innovation and accelerating careers</b></p>

<br>

</div>

</div>
	<div class="content" style="display:flex; justify-content:center">
<section style="padding: 50px 20px; color:#769F0D;  width:70%">
        <h1 style="font-size: 3rem; margin-bottom: 20px; transition: transform 0.3s ease-in-out; cursor: pointer; font-family: 'Roboto', sans-serif;"
            onmouseover="this.style.transform='scale(1.05)';"
            onmouseout="this.style.transform='scale(1)';"  class="demo2">
            NParrots is an innovative Learning Management System designed to streamline the learning experience. Offering interactive courses, assessments, and progress tracking, it empowers learners to achieve their full potential.
        </h1>
    </section>
    </div>
</main>
					
					
					
				<?php
				}
				?>

PopularCourse();

function PopularCourse() {
			$.ajax({
				url: "<?php echo site_url('get-popular-course-on-clicks') ?>",
				type: "get",
				dataType: "json",
				success: function(response) {
					console.log(response);

if (response.result == 1) {
						var uniqueCourses = []; 
						var fields = '';

$.each(response.clicks_result, function(idy, vx) {
							if (uniqueCourses.indexOf(vx.course_id) === -1 && uniqueCourses.length < 8) {
								uniqueCourses.push(vx.course_id);

fields += '<div class="col-sm-4 col-md-3 home_mid_one_row_col" id="click_course" course_id="' + vx.course_id + '">';
								fields += '<a href="<?php echo site_url('CoursesDetails'); ?>/' + vx.course_id + '">';
								fields += '<div class="popular_courses_box" style="border-radius: 5px;">';
								fields += '<div class="popular_courses_box_img" style="border-radius: 5px;">';
								fields += '<img src="<?php echo base_url('public/course_images'); ?>/' + vx.course_image + '" class="img-responsive center-block">';
								fields += '</div>';
								fields += '<div class="popular_courses_box_text">';
								fields += '<p class="malot">' + vx.course_title + '</p>';
								fields += '</div>';
								fields += '</div>';
								fields += '</a>';
								fields += '</div>';
							}
						});

$("#popular_courses_div").html(fields);
					}
				}
			});
		}

$(document).on('click', '#click_course', function() {

var course_id = $(this).attr('course_id');

$.ajax({
				url: "<?php echo site_url('add_clicks') ?>",
				type: "POST",
				data: {
					course_id: course_id
				},
				success: function(response) {
					// response = jQuery.parseJSON(response);
					console.log(response);

}
			});

});

});
</script>

/* .mycourse_middle_one{

} */

.mycourse_middle_one h2 {
    text-align: center;
    color: white;
    font-weight: 600;
    margin: 0 !important;
    padding-bottom: 15px;
    text-shadow: 0 0 14px black;
  }

.mycourse_middle_one p {
    text-align: center;
    color: white;
    text-shadow: 0 0 14px black;
  }

.mycourse_middle_two {
    padding-top: 4%;
    padding-bottom: 4%;
		background-image: url('https://jayblues.in/amcad/public/assets/website_assets/images/banner.png');
		background-repeat:no-repeat;
    background-size:cover;
  }

.rightside_course_box_img img {
    height: 100%;
    width:100%;
  }

.course_box-main {
    margin-bottom: 3%;
  }

.rightside_course_box_text {
    text-align: center;
    padding-top: 3%;
  }

.user_added_courses{
    display:flex;
    justify-content:center;
}
</style>