//Hide Save For Later For Unknown User
$.ajax({
	type: "Post",
	url: "/buy-now/api/ProtectionPlans/HasDisplayLeadForm",
	success: function (data) {
		if (data && data.LeadID === 0) {
		   $('.save-for-later').hide();
		}
		else {
		   $('.save-for-later').show();
		}
	},
	Error: function (data) {
		console.log("Server Error in HasDisplayLeadForm to display Save For Later Link");
	}
});
   
$(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 innerLinks = document.querySelectorAll('.carousel-caption-inner a');
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 < innerLinks.length; i++) {
    innerLinks[i].addEventListener('click', function() {
        allPlansTealiumClick(utagL2, innerLinks[i].innerHTML.trim().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);    
}

function initCarousels() {
    if (!$.fn.slick) return;

    var bannerCarousel = $("#banner-carousel");
    var protectionPlansCarousel = $("#all-plans-carousel-generic:not(.kitfhelp-carousel)");
    var currentProtectionPlan = $(".protection-plan-name");
    
    if (typeof currentProtectionPlan !== "undefined") {
        var protectionPlanName = currentProtectionPlan.text().toLowerCase().replace(/ /g, "-");

        if (protectionPlanName === 'autonation-vehicle-protection-plan') {
            $("#autonation-vehicle-care-program").addClass("active");
        }

        $("#" + protectionPlanName).remove();
        $(".carousel-indicators li:last-child").remove();
    }

    bannerCarousel.slick({
        dots: true,
        infinite: true,
        autoplay: true
    });

    bannerCarousel.css("visibility", "visible");

    if( protectionPlansCarousel.length > 0 ){
        protectionPlansCarousel.slick({
            dots: true,
            infinite: true,
            autoplay: true,
            autoplaySpeed: 2000,
            slidesToShow: 3,
            slidesToScroll: 1,
            responsive: [
            {
                breakpoint: 769,
                settings: {
                    slidesToShow: 2
                }
            },
            {
                breakpoint: 426,
                settings: {
                    slidesToShow: 1
                }
            }
            ]
        });
    }


}

//$(function () {
    initCarousels();
//});