EVOLUTION-NINJA

Edit File: subject_wise_courses.php

<?php echo view('includes/header.php'); ?>
<link rel="stylesheet" type="text/css" href="<?php echo base_url('public/assets/website_assets/css/innerpage.css'); ?>" />

<input type="hidden" name="" value="<?php echo $sub_domain_id ?>" class="sub_domain_id">
<section class="courses_middlework">
    <div class="container-fluid">
        <div class="">
            <?php echo view('includes/courses_left_side_menu.php'); ?>
        </div>

</div>
        </div>
    </div>
</section>

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

echo $segment3; ?>';

domains();

function domains() {
        var type = 'get';
        $.ajax({
            type: type,
            url: "<?php echo site_url('get_all_domains'); ?>",
            success: function(response) {
                console.log(response);

if (response.result == 1) {
                    var fields = "";
                    var i = 0;
                    fields += '<ul class="nav navbar-nav">';
                    $.each(response.message, function(key, val) {
                        if (new_domain_id == val.domain_id) {
                            var vals = i;
                            fields += '<li class="dropdown-submenu" style="background-color:lightgray">';
                            fields += '<a href="#" class="dropdown-toggle sidemenus' + val.domain_id + '" data-toggle="dropdown" onmouseover="fun_sub_domain(' + val.domain_id + ',' + i + ');"> ' + val.domain_name + ' <span class="arrow"></span></a>';
                            fields += '<ul class="dropdown-menu leftsidemenu_bar sub_domains' + i + '">';
                            fields += '</ul>';
                            fields += '</li>';

} else {
                            var vals = i;
                            fields += '<li class="dropdown-submenu">';
                            fields += '<a href="#" class="dropdown-toggle sidemenus' + val.domain_id + '" data-toggle="dropdown" onmouseover="fun_sub_domain(' + val.domain_id + ',' + i + ');"> ' + val.domain_name + ' <span class="arrow"></span></a>';
                            fields += '<ul class="dropdown-menu leftsidemenu_bar sub_domains' + i + '">';
                            fields += '</ul>';
                            fields += '</li>';
                        }

i = i + 1;
                    });
                    fields += '</ul>';
                    $('.domains_list').html(fields);
                } else {
                    toastr["error"](response.message);
                }
            }
        });
    }

function fun_sub_domain(id, y) {
        var type = 'post';
        $.ajax({
            type: type,
            url: "<?php echo site_url('get_all_subdomains'); ?>",
            data: {
                id: id
            },
            success: function(response) {
                console.log(response);

if (response.result == 1) {
                    var sub_fields = "";

$.each(response.message, function(key, val) {
                        sub_fields += '<li><a href="<?php echo site_url('subject-wise-courses'); ?>/' + val.sub_domain_id + '">' + val.sub_domain + '</a></li>';
                    });
                    $('.sub_domains' + y).html(sub_fields);
                } else {
                    $('.sub_domains' + y).remove();
                }
            },
            error: function(xhr, status, error) {
                console.error("AJAX Error:", error);
            }
        });
    }

fun_filter();

function fun_filter() {
        var sub_domain_id = $('.sub_domain_id').val();
        var type = 'post';

$.ajax({
            type: type,
            url: "<?php echo site_url('get-subdomain-wise-courses'); ?>",
            data: {
                sub_domain_id: sub_domain_id
            },
            dataType: "json", // Specify the expected data type
            success: function(response) {
                console.log(response);

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

if (response.message.i != 0) {
                        $.each(response.message.result, function(idx, vx) {
                            if (vx.course != "") {
                                var length = vx.course_count.length;
                                fields += '<div class="row co-ri 1 Development">';

if (length > 4) {
                                    fields += '<h4>Popular in ' + vx.domain_name + ' <a href="<?php echo site_url('view-category-courses'); ?>/' + vx.domain_id + '" class="papulor"> View All &nbsp; > </a></h4>';
                                } else {
                                    fields += '<h4 style="font-weight: bold;">Popular in ' + vx.domain_name + '</h4>';
                                }

$.each(vx.course, function(idy, vy) {
                                    fields += '<div class="col-sm-6 col-md-3 col-lg-3 course_box-main" style="width:15%;" id="click_course" course_id=' + vy.course_id + '>';
                                    fields += '<a href="<?php echo site_url('CoursesDetails'); ?>/' + vy.course_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'); ?>/' + vy.course_image + '" class="img-responsive center-block">';
                                    fields += '</div>';
                                    fields += '<div class="rightside_course_box_text">';
                                    fields += '<div class="co_main_headding">';
                                    fields += '<p><strong>' + vy.course_title + '</strong></p>';
                                    fields += '</div>';
                                    fields += '<div class="co_main_headding_subtext">';
                                    fields += ' <p>' + vy.sub_domains + '</p>';
                                    fields += '</div>';
                                    fields += '</div>';
                                    fields += '</div>';
                                    fields += '</a>';
                                    fields += '</div>';
                                });

fields += '</div>';
                            }
                        });
                    } else {
                        fields += '<div class="row co-ri 1 Development">';
                        fields += '<p>No course found</p>';
                        fields += '</div>';
                    }

$('.courses_middlework_right_side').html(fields);
                }
            },
            error: function(xhr, status, error) {
                console.log(error); // Log any errors
            }
        });
    }

$(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>

</script>

.courses_middlework{
        /* background-color: none; */
        background-image: url('https://jayblues.in/amcad/public/assets/website_assets/images/banner.png');
        background-size:cover;
    }
    .btn {
        padding: 3px 8px !important;
        margin-top: 6px;
        border-radius: 2px !important;
    }

.addcor {
        padding-left: 0 !important;
    }

.detailss {
        float: right;
        padding-left: 39px;
    }
</style>