/* Minification failed. Returning unminified contents.
(83,25-26): run-time error JS1195: Expected expression: >
(97,6-7): run-time error JS1195: Expected expression: )
 */
function loadCourseDetail(id) {
    sessionStorage.setItem('selectedCourse', id);
    sessionStorage.setItem('divCategoryFilter', $('#divCategoryFilterSelection').css('display'));
    //sessionStorage.setItem('divCPEHoursFilter', $('#divCPEHoursFilterSelection').css('display'));
    sessionStorage.setItem('divCourseTypeFilter', $('#divCourseTypeFilterSelection').css('display'));
    sessionStorage.setItem('divSegmentFilter', $('#divSegmentFilterSelection').css('display'));
    sessionStorage.setItem('divTopicFilter', $('#divTopicFilterSelection').css('display'));
    sessionStorage.setItem('divCollaborationFilter', $('#divCollaborationFilterSelection').css('display'));
    window.location = "/Course/LoadCourseDetail/" + id;
}

function enrolCourse(id) {
    var userLoginId = sessionStorage.getItem('CanvasLmsUserLoginId');
    $('#spanEnrolSpinner').css('display', '');
    $('#btnEnrolCourse').prop('disabled', true);

    $.ajax({
        url: '/Course/EnrolCourse',
        type: 'POST',
        data: {
            accountifyLineItemId: id
        },
        success: function (data) {
            if (data) {
                alert("Thank you for enrolling in the course!");
                window.location = "/Course/Index?userLoginId=" + userLoginId;
            }
            else {
                alert("Error encountered when enrolling in the course!");
            }
        },
        error: function () {
        }
    });
}

function viewCourseInCanvasLMS(canvasLMSBaseUrl, canvasCourseId) {
    window.parent.location.href = canvasLMSBaseUrl + "/courses/" + canvasCourseId;
}

function showPagination(maxPageItems) {
    var totalItems = $('.courseCol').length;
    var numPages = (totalItems % maxPageItems == 0) ? (totalItems / maxPageItems) : ((totalItems / maxPageItems) + 1);
    var startPage = (sessionStorage.getItem('pageClicked') == null) ? 1 : parseInt(sessionStorage.getItem('pageClicked'));
    sessionStorage.setItem('maxPageItems', maxPageItems);

    $('#coursesPagination').twbsPagination('destroy');

    if (numPages > 0) {
        $('#coursesPagination').twbsPagination({
            totalPages: numPages,
            startPage: startPage,
            visiblePages: numPages,
            onPageClick: function (event, page) {
                var startItem = (page - 1) * maxPageItems;
                var endItem = startItem + maxPageItems;

                $('.courseCol').hide().slice(startItem, endItem).css('display', '').animate({
                    opacity: 1
                }, 300);

                $(window).scrollTop($("#divCourses").offset().top);
                sessionStorage.setItem('pageClicked', page);
            }
        });
    }
}

function selectFilter(controlId, divFilter) {
    if ($('#' + controlId).find('.card').css('font-weight') == "400") {
        $('#' + controlId).find('.card').addClass('selectFilter');
    }
    else {
        $('#' + controlId).find('.card').removeClass('selectFilter');
    }

    $('#' + divFilter).toggle('display');
}

function createCourseCarousel(className) {
    let items = document.querySelectorAll('.' + className);

    items.forEach((el) => {
        const minPerSlide = (items.length > 4) ? 4 : items.length;
        let next = el.nextElementSibling;

        for (var i = 1; i < minPerSlide; i++) {
            if (!next) {
                // wrap carousel by using first child
                next = items[0];
            }

            let cloneChild = next.cloneNode(true);
            el.appendChild(cloneChild.children[0]);
            next = next.nextElementSibling;
        }
    });
}

function setCourseCarouselSameHeight(className) {
    var maxPopularCourseHeight = 0;

    $('.' + className).each(function () {
        if ($(this).height() > maxPopularCourseHeight) {
            maxPopularCourseHeight = $(this).height();
        }
    });

    $('.' + className).each(function () {
        $(this).height(maxPopularCourseHeight);
        $(this).find('.card-footer').css('position', 'absolute');
        $(this).find('.card-footer').css('bottom', '0');
        $(this).find('.card-footer').css('width', '100%');
    });
}

function searchCourses(courseTitle, category, topic, courseType, segment, collaboration) {
    var userLoginId = sessionStorage.getItem('CanvasLmsUserLoginId');
    sessionStorage.setItem('searchCourseTitle', courseTitle);
    sessionStorage.setItem('searchCategory', category);
    sessionStorage.setItem('searchTopic', topic);
    //sessionStorage.setItem('searchCPEHours', cpeHours);
    sessionStorage.setItem('searchCourseType', courseType);
    sessionStorage.setItem('searchSegment', segment);
    sessionStorage.setItem('searchCollaboration', collaboration);
    sessionStorage.setItem('clickSearch', true);

    $('#divLoadCourses').addClass('d-flex');
    $('#divLoadCourses').addClass('justify-content-center');
    $('#divCourses').html('');

    window.setTimeout(function () {
        $.ajax({
            url: '/Course/SearchCourses',
            type: 'POST',
            data: {
                userLoginId: userLoginId,
                courseTitle: courseTitle,
                category: category,
                topic: topic,
                courseType: courseType,
                segment: segment,
                collaboration: collaboration
            },
            success: function (data) {
                $('#divLoadCourses').removeClass('d-flex');
                $('#divLoadCourses').removeClass('justify-content-center');
                $('#divLoadCourses').css('display', 'none');
                $('#divCourses').html(data);
            },
            error: function () {
            }
        });
    }, 500);
}

function reloadSearchFilters() {
    if (sessionStorage.getItem('divCategoryFilter') != null) {
        if (sessionStorage.getItem('divCategoryFilter') == 'block') {
            selectFilter('divCategoryFilter', 'divCategoryFilterSelection');
        }
    }

    //if (sessionStorage.getItem('divCPEHoursFilter') != null) {
    //    if (sessionStorage.getItem('divCPEHoursFilter') == 'block') {
    //        selectFilter('divCPEHoursFilter', 'divCPEHoursFilterSelection');
    //    }
    //}

    if (sessionStorage.getItem('divCourseTypeFilter') != null) {
        if (sessionStorage.getItem('divCourseTypeFilter') == 'block') {
            selectFilter('divCourseTypeFilter', 'divCourseTypeFilterSelection');
        }
    }

    if (sessionStorage.getItem('divSegmentFilter') != null) {
        if (sessionStorage.getItem('divSegmentFilter') == 'block') {
            selectFilter('divSegmentFilter', 'divSegmentFilterSelection');
        }
    }

    if (sessionStorage.getItem('divTopicFilter') != null) {
        if (sessionStorage.getItem('divTopicFilter') == 'block') {
            selectFilter('divTopicFilter', 'divTopicFilterSelection');
        }
    }

    if (sessionStorage.getItem('divCollaborationFilter') != null) {
        if (sessionStorage.getItem('divCollaborationFilter') == 'block') {
            selectFilter('divCollaborationFilter', 'divCollaborationFilterSelection');
        }
    }

    if (sessionStorage.getItem('clickSearch') != null && sessionStorage.getItem('clickSearch')) {
        $('#courseTitle').val(sessionStorage.getItem('searchCourseTitle'));

        if (sessionStorage.getItem('searchCategory') != "") {
            var searchCategoryInSession = sessionStorage.getItem('searchCategory').split(';');
            searchCategoryInSession.forEach(function (item) {
                $('input[name="categoryCheck"]').each(function () {
                    if ($(this).val() == item) {
                        $(this).prop('checked', true);
                    }
                });
            });

            $('#divCategoryFilter').find('.card').addClass('selectFilter');
            $('#divCategoryFilterSelection').css('display', 'block');
        }

        if (sessionStorage.getItem('searchTopic') != "") {
            var searchTopicInSession = sessionStorage.getItem('searchTopic').split(';');
            searchTopicInSession.forEach(function (item) {
                $('input[name="topicCheck"]').each(function () {
                    if ($(this).val() == item) {
                        $(this).prop('checked', true);
                    }
                });
            });

            $('#divTopicFilter').find('.card').addClass('selectFilter');
            $('#divTopicFilterSelection').css('display', 'block');
        }

        //if (sessionStorage.getItem('searchCPEHours') != "") {
        //    $('#cpeHoursFilter').val(sessionStorage.getItem('searchCPEHours'));
        //    $('#cpeHoursFilterValue').text(sessionStorage.getItem('searchCPEHours'));
        //}

        if (sessionStorage.getItem('searchCourseType') != "") {
            var searchCourseTypeInSession = sessionStorage.getItem('searchCourseType').split(';');
            searchCourseTypeInSession.forEach(function (item) {
                $('input[name="courseTypeCheck"]').each(function () {
                    if ($(this).val() == item) {
                        $(this).prop('checked', true);
                    }
                });
            });

            $('#divCourseTypeFilter').find('.card').addClass('selectFilter');
            $('#divCourseTypeFilterSelection').css('display', 'block');
        }

        if (sessionStorage.getItem('searchSegment') != "") {
            var searchSegmentInSession = sessionStorage.getItem('searchSegment').split(';');
            searchSegmentInSession.forEach(function (item) {
                $('input[name="segmentCheck"]').each(function () {
                    if ($(this).val() == item) {
                        $(this).prop('checked', true);
                    }
                });
            });

            $('#divSegmentFilter').find('.card').addClass('selectFilter');
            $('#divSegmentFilterSelection').css('display', 'block');
        }

        if (sessionStorage.getItem('searchCollaboration') != "") {
            var searchCollaborationInSession = sessionStorage.getItem('searchCollaboration').split(';');
            searchCollaborationInSession.forEach(function (item) {
                $('input[name="collaborationCheck"]').each(function () {
                    if ($(this).val() == item) {
                        $(this).prop('checked', true);
                    }
                });
            });

            $('#divCollaborationFilter').find('.card').addClass('selectFilter');
            $('#divCollaborationFilterSelection').css('display', 'block');
        }

        searchCourses(sessionStorage.getItem('searchCourseTitle'), sessionStorage.getItem('searchCategory'), sessionStorage.getItem('searchTopic'), sessionStorage.getItem('searchCourseType'), sessionStorage.getItem('searchSegment'), sessionStorage.getItem('searchCollaboration'));
    }
}

function addCourseToSavedList(courseCode) {
    var userLoginId = sessionStorage.getItem('CanvasLmsUserLoginId');

    $.ajax({
        url: '/Course/AddToSavedList',
        type: 'POST',
        data: {
            userLoginId: userLoginId,
            courseCode: courseCode
        },
        success: function (data) {
            // ==== to record saved course ====
            var savedCourseCodes = [];

            if (sessionStorage.getItem('savedCourses') != null) {
                savedCourseCodes = JSON.parse(sessionStorage.getItem('savedCourses'));
            }

            if ($.inArray(courseCode, savedCourseCodes) == -1) {
                savedCourseCodes.push(courseCode);
                sessionStorage.setItem('savedCourses', JSON.stringify(savedCourseCodes));
            }
            //=================================

            $('.' + courseCode).removeClass("notSavedCourseIcon");
            $('.' + courseCode).addClass("savedCourseIcon");
            $('.' + courseCode).attr("onClick", "removeCourseFromSavedList('" + courseCode + "')");
            $('.' + courseCode).attr("title", "Remove");

            loadSavedCourses();
            showSavedListNotification(courseCode, "Add");
        },
        error: function () {
        }
    });
}

function removeCourseFromSavedList(courseCode) {
    var userLoginId = sessionStorage.getItem('CanvasLmsUserLoginId');

    $.ajax({
        url: '/Course/RemoveFromSavedList',
        type: 'POST',
        data: {
            userLoginId: userLoginId,
            courseCode: courseCode
        },
        success: function (data) {
            // ==== to remove saved course ====
            var savedCourseCodes = [];

            if (sessionStorage.getItem('savedCourses') != null) {
                savedCourseCodes = JSON.parse(sessionStorage.getItem('savedCourses'));
            }

            if ($.inArray(courseCode, savedCourseCodes) != -1) {
                savedCourseCodes.slice($.inArray(courseCode, savedCourseCodes), 1);
                sessionStorage.setItem('savedCourses', JSON.stringify(savedCourseCodes));
            }
            //=================================

            $('.' + courseCode).removeClass("savedCourseIcon");
            $('.' + courseCode).addClass("notSavedCourseIcon");
            $('.' + courseCode).attr("onClick", "addCourseToSavedList('" + courseCode + "')");
            $('.' + courseCode).attr("title", "Save");

            loadSavedCourses();
            showSavedListNotification(courseCode, "Remove");
        },
        error: function () {
        }
    });
}

function loadSavedCourses() {
    var userLoginId = sessionStorage.getItem('CanvasLmsUserLoginId');

    $.ajax({
        url: '/Course/LoadSavedCourses',
        type: 'POST',
        data: {
            userLoginId: userLoginId
        },
        success: function (data) {
            $('#divSavedCourses').html(data);
        },
        error: function () {
        }
    });
}

function showSavedListNotification(courseCode, mode) {
    //delete previous notification
    if ($('#' + mode + courseCode).length > 0) {
        $('#' + mode + courseCode).remove();
    }

    var notificationDIV = "<div id='" + mode + courseCode + "' class='toast' role='alert' aria-live='assertive' aria-atomic='true'><div class='toast-body'>" + mode + " <b>" + courseCode + "</b> to Saved List</div></div>";
    $("#divSavedListNotification").append(notificationDIV);

    var toastMessage = $('#' + mode + courseCode);
    var toast = new bootstrap.Toast(toastMessage);
    toast.show();
};