console.log("dynamic catalog script is loaded");

// Assign online data attributes
jQuery(".product_cat-on-osha").attr('data-course-type', 'online').attr('data-region', 'us').attr('data-language', 'english').addClass('f-course').addClass('active');
jQuery(".product_cat-on-spanish").attr('data-course-type', 'online').attr('data-region', 'us').attr('data-language', 'spanish').addClass('f-course');
jQuery(".product_cat-on-canada").attr('data-course-type', 'online').attr('data-region', 'canada').attr('data-language', 'english').addClass('f-course');
jQuery(".product_cat-cal-online").attr('data-course-type', 'online').attr('data-region', 'california').attr('data-language', 'english').addClass('f-course');

// Assign kit data attributes
jQuery(".product_cat-kit-osha").attr('data-course-type', 'kit').attr('data-region', 'us').attr('data-language', 'english').addClass('f-course');
jQuery(".product_cat-kit-spa").attr('data-course-type', 'kit').attr('data-region', 'us').attr('data-language', 'spanish').addClass('f-course');
jQuery(".product_cat-kit-canada").attr('data-course-type', 'kit').attr('data-region', 'canada').attr('data-language', 'english').addClass('f-course');
jQuery(".product_cat-cal-kit").attr('data-course-type', 'kit').attr('data-region', 'california').attr('data-language', 'english').addClass('f-course');

//Assign TTT data attributes
jQuery(".product_cat-ttt-osha").attr('data-course-type', 'ttt').attr('data-region', 'us').attr('data-language', 'english').addClass('f-course');
jQuery(".product_cat-ttt-spanish").attr('data-course-type', 'ttt').attr('data-region', 'us').attr('data-language', 'spanish').addClass('f-course');
jQuery(".product_cat-ttt-canada").attr('data-course-type', 'ttt').attr('data-region', 'canada').attr('data-language', 'english').addClass('f-course');
jQuery(".product_cat-ttt-canada").attr('data-course-type', 'ttt').attr('data-region', 'canada').attr('data-language', 'english').addClass('f-course');
jQuery(".f-course").attr("style", "");

var filterActive;

function filterCategory(courseType, courseRegion, courseLanguage) {  
    // reset results list
    jQuery('.filter-course-results .f-course').removeClass('active');
    
    // the filtering in action for all criteria
    var selector = ".filtering .f-course";
    if (courseType !== 'cat-all') {
         selector = '[data-course-type=' + courseType + "]";
         if (selector == '[data-course-type=online]'){
            jQuery(".online-course-explain").addClass("active")
         }
         else if (selector == '[data-course-type=kit]'){
            jQuery(".kit-course-explain").addClass("active")
         }
         else{
            jQuery(".ttt-course-explain").addClass("active")
         }
    }
    if (courseRegion !== 'cat-all') {
        selector = selector + '[data-region=' + courseRegion + "]";
    }
    if (courseLanguage !== 'cat-all') {
        selector = selector + '[data-language=' + courseLanguage + "]";
    }
    // show all results
    jQuery(selector).addClass('active');
    // reset active filter
    filterActive = courseType;

    //display text if not data 
    if (jQuery(".product-cont .f-course").hasClass("active") !== true) {
        jQuery(".not-exist").append("<h2 class='center-text'>We do not offer any courses matching these requirements.</h2>");
    }
    else {
        $(".not-exist").empty();
    }
}

// call the filtering function when selects are changed
jQuery('.filtering select').change(function() {
    filterCategory(jQuery('.filtering select.courseType').val(), jQuery('.filtering select.courseRegion').val(), jQuery('.filtering select.courseLanguage').val());
});