$(window).on('load resize', function () {
    const listPlansStrLtrl = ".list-plans";
    var width = $(this).width();
    if(width < 768){
        $(listPlansStrLtrl).slick({ dots: true, responsive: [{ settings: {  slidesToShow: 1 } }] });
    } else if (width >= 768 && $(listPlansStrLtrl).hasClass("slick-slider")) {
        $(listPlansStrLtrl).slick('unslick');
    }
});

let allPlansTopLink = document.querySelector('#protectionPlansAllTitle');
let protectionPlansHome = document.querySelector('#protectionPlansHomeTitle');
let learnMoreLinks = document.querySelectorAll('.detail-plan-links a');
let dropdownLinks = document.querySelectorAll('.dropdown-menu li a');
let utagL2 = utag_data.category_l2;

if (allPlansTopLink != null) {
    allPlansTopLink.addEventListener('click', function() {
        allPlansTealiumClick(utagL2, allPlansTopLink.innerHTML.split(' ').join('_').toLowerCase());
    });
}

if (protectionPlansHome != null) {
    protectionPlansHome.addEventListener('click', function() {
        protectionPlanTealiumClick(utagL2, protectionPlansHome.innerHTML.split(' ').join('_').toLowerCase());
    });
}

for(let i = 0; i < learnMoreLinks.length; i++) {
    learnMoreLinks[i].addEventListener('click', function() {
        let eventSiblinContainer = learnMoreLinks[i].parentNode.previousElementSibling.previousElementSibling;
        let event = eventSiblinContainer.querySelector('h2').innerHTML.trim().toLowerCase().split(' ').join('_');
        learnMoreTealiumClick(utagL2, 'learn_more', event);
    });
}

for(let i = 0; i < dropdownLinks.length; i++) {
    dropdownLinks[i].addEventListener('click', function() {
        let name = dropdownLinks[i].innerHTML;
        let eventLabel = name.split(' ').join('_').toLowerCase()
        dropdownTealiumClick(utagL2, name, eventLabel);
    });
}

function allPlansTealiumClick(utag, eventLabel) {
    let clickdata = {
        "category_l1":"MLP",
        "category_l2":"" + utag,
        "category_l3":"(not set)",
        "category_l4":"(not set)",
        "event":"all_protection_plans_click",
        "event_category":"EngagementType",
        "event_action":"EngagementType_MLP|||Click",
        "event_label":"" + eventLabel,
        "event_value":"1",
        "pagegroup":"mlp"            
    };

    window.utag_data = clickdata;
    window.utag.link(window.utag_data);    
}

function protectionPlanTealiumClick(utag, event_label) {
    let clickdata = {
        "category_l1":"MLP",
        "category_l2":"" + utag,
        "category_l3":"(not set)",
        "category_l4":"(not set)",
        "event":"protection_plans_click",
        "event_category":"EngagementType",
        "event_action":"EngagementType_MLP|||Click",
        "event_label":"" + event_label,
        "event_value":"1",
        "pagegroup":"mlp"            
    };

    window.utag_data = clickdata;
    window.utag.link(window.utag_data);    
}

function learnMoreTealiumClick(utag, event_label, event) {
    let clickdata = {
        "category_l1":"MLP",
        "category_l2":"" + utag,
        "category_l3":"(not set)",
        "category_l4":"(not set)",
        "event":"autonation_" + event + "_page_click",
        "event_category":"EngagementType",
        "event_action":"EngagementType_MLP|||Click",
        "event_label":"" + event_label,
        "event_value":"1",
        "pagegroup":"mlp"            
    };

    window.utag_data = clickdata;
    window.utag.link(window.utag_data);    
}

function dropdownTealiumClick(utag, eventName, eventLabel) {
    let clickdata = {
        "category_l1":"MLP",
        "category_l2":"" + utag,
        "category_l3":"(not set)",
        "category_l4":"(not set)",
        "event": eventName + "_plan_page_click",
        "event_category":"EngagementType",
        "event_action":"EngagementType_MLP|||Click",
        "event_label":"" + eventLabel,
        "event_value":"1",
        "pagegroup":"mlp"            
    };

    window.utag_data = clickdata;
    window.utag.link(window.utag_data);    
}