let tabs = document.querySelectorAll('.repair-smith-tabs-link-container');
let tabInfo = document.querySelectorAll('.tab-info');
let commonTab = document.querySelector('#common-repairs');
let repairTab = document.querySelector('#break-repairs');
let engineTab = document.querySelector('#engine-repairs');
let otherTab = document.querySelector('#other-repairs');
let tabLinks = document.querySelectorAll('.repair-smith-tabs-link-container a');

populateTab(commonTab, 'common-repairs');
populateTab(repairTab, 'break-repairs');
populateTab(engineTab, 'engine-repairs');
populateTab(otherTab, 'other-repairs');

for(let i = 0; i < tabLinks.length; i++) {
    tabLinks[i].addEventListener("click", function(e) {
        removeActive(tabs, tabInfo);
        makeActive(e.target);            
        tealiumTabs(e.target);
    });
}

function makeActive(e) {
    let parentEle = e.parentElement;
    let className = e.classList[0];
    let tabInfo = document.querySelector('#' + className);

    parentEle.classList.add('active');
    tabInfo.style.display = 'flex';

}

function removeActive(links, info) {
    for (let i = 0; i < links.length; i++) {
        links[i].classList.remove('active');
    }

    for (let i = 0; i < info.length; i++) {
        info[i].style.display = 'none';
    }
}

function populateTab(tab, fileLocation) {
    let fileUrl = "~/media/Images/LandingPages/repair-smith/info/" + fileLocation + ".txt";   
    let info = readTextFile(fileUrl)

    for (let i = 0; i < info.length; i++) {
        let span = document.createElement('span');
        span.textContent = info[i];
        tab.appendChild(span);
    }
}

function readTextFile(file)
{
    var rawFile = new XMLHttpRequest();
    let lines = [];
    rawFile.open("GET", file, false);
    rawFile.onreadystatechange = function ()
    {
        if(rawFile.readyState === 4)
        {
            if(rawFile.status === 200 || rawFile.status == 0)
            {
                var allText = rawFile.responseText;
                lines = allText.split('\r\n');
            }
        }
    }
    rawFile.send(null);
    return lines;
}

document.addEventListener("DOMContentLoaded", function(event) {
    $(document).ready(function() {
        let carouselId = '#uniqueCarousel';
        let addCaro = false;
        addOrRemoveCarousel(carouselId);
        window.onresize = function() {
            addOrRemoveCarousel(carouselId);
        }

        function addOrRemoveCarousel(eleId) {
            if (window.outerWidth <= 767) {
                addCarousel(eleId);
            } else {
                removeCarousel(eleId);
                addCaro = false;
            }
        }

        function addCarousel(eleId) {
             if (!addCaro) {
                $(eleId).slick({
                    mobileFirst: true,
                    slidesToShow: 1,
                    slidesToScroll: 1,
                    arrows: false,
                    infinite: true,
                    dots: true,
                    rows:0
                });              
                addCaro = true;   
             }
        }

        function removeCarousel(eleId) {
            let carousel = $(eleId);

            if (carousel.hasClass('slick-initialized')) {
                carousel.slick("unslick");
            }            
        }
        
    })
});

let quoteButton = document.querySelector('#quoteButton');
let repairButton = document.querySelector('#repairButton');
let learnButton = document.querySelector('#learnMoreButton');
let serviceButton = document.querySelector('#serviceButton');
let convinientButton = document.querySelector('#convinientButton');
let phoneLinks = document.querySelectorAll('.phoneLink');
let vehicleCare = document.querySelector('#vehicleCare');
let warrantyButton = document.querySelector('#warrantyButton');
let repairSmithQuoteLink = 'https://www.repairsmith.com/location?utm_source=autonationcom&utm_medium=referral&utm_campaign=rslandingpage';
let repairSmithFleetLink = 'https://fleet.autonationmobileservice.com/?utm_source=autonationcom&utm_medium=referral&utm_campaign=rslandingpage';

quoteButton.addEventListener('click', function() {
    window.open(repairSmithQuoteLink, '_blank');
    tealiumQuote();
});

repairButton.addEventListener('click', function() {
    window.open(repairSmithQuoteLink, '_blank');
    tealiumRepair();
});

learnButton.addEventListener('click', function() {
    window.open(repairSmithFleetLink, '_blank');
    tealiumLearnMore();
});

serviceButton.addEventListener('click', function() {
    window.open(repairSmithQuoteLink, '_blank');
    tealiumRepair();
});

convinientButton.addEventListener('click', function() {
    window.open(repairSmithQuoteLink, '_blank');
    tealiumQuote();
});

warrantyButton.addEventListener('click', function() {
    window.open('https://www.autonationmobileservice.com/autonation?utm_source=autonationcom&utm_medium=referral&utm_campaign=rslandingpage', '_blank');
    tealiumWarranty();
});

for(let i = 0; i < phoneLinks.length; i++) {
    phoneLinks[i].addEventListener('click', function() {
        tealiumPhoneLink();
    });
}

vehicleCare.addEventListener('click', function(){
    tealiumVehicleCare();
})