import { createDataLayerDefaultNavObject, findElement, findElementByHref } from "../../data-layer-utils"
import { DataManager, updateDataLayerOnEvent } from "../../main"

const attachServicesDropdownLinks = () => {
    // Header Parent Nav

    // Services: Our Solutions dropdown list
    const servicesSolutionsLinksArr = [{title: 'Digital Experience', path: 'digital-experience'}, {title: 'Data & Analytics', path: 'data-analytics'}, {title: 'Engineering & Applications', path: 'engineering-applications'}]

    servicesSolutionsLinksArr.forEach((item, i) => {
        findElementByHref('nav.list-of-services a', item.path).on('click', function() {
            const navObj = createDataLayerDefaultNavObject('header_dropdown', `services_${item.title.toLowerCase()}`, i+1, `https://concordusa.com${$(this).attr('href')}`);
            updateDataLayerOnEvent({...DataManager.getCurrentPageData(), ...navObj})
        })
    })

    // findElement('.dropdown-link', 'Digital Experience').on('click', function() {
    //     const navObj = createDataLayerDefaultNavObject('header_dropdown', `services_digital experience`, 1, `https://concordusa.com${$(this).attr('href')}`);
    //     updateDataLayerOnEvent({...DataManager.getCurrentPageData(), ...navObj})
    // })

    // findElement('.dropdown-link', 'Data & Analytics').on('click', function() {
    //     const navObj = createDataLayerDefaultNavObject('header_dropdown', `services_data & analytics`, 1, `https://concordusa.com${$(this).attr('href')}`);
    //     updateDataLayerOnEvent({...DataManager.getCurrentPageData(), ...navObj})
    // })

    // findElement('.dropdown-link', 'Engineering & Applications').on('click', function() {
    //     const navObj = createDataLayerDefaultNavObject('header_dropdown', `services_engineering & applications`, 1, `https://concordusa.com${$(this).attr('href')}`);
    //     updateDataLayerOnEvent({...DataManager.getCurrentPageData(), ...navObj})
    // })

    // Services: Our Capabilities dropdown list
    const servicesCapabilitiesLinksArr = [{title: 'Artificial Intelligence Consulting', filterText: null}, {title: 'Digital Experience Solutions', filterText: null}, {title: 'E-commerce Consulting', filterText: null}, {title: 'Application Development Services', filterText: null}, {title: 'Customer & Digital Analytics Consulting', filterText: 'Digital Analytics Consulting'}, {title: 'Data Integration & Transformation', filterText: null}, {title: 'Data Security Compliance', filterText: null}, {title: 'Digital Marketing & Loyalty Marketing', filterText: null}]

    servicesCapabilitiesLinksArr.forEach((item, i) => {
        findElement('nav.list-of-services a', item.filterText ? item.filterText : item.title).on('click', function() {
            const navObj = createDataLayerDefaultNavObject('header_dropdown', `services_${item.title.toLowerCase()}`, i+1, `https://concordusa.com${$(this).attr('href')}`);
            updateDataLayerOnEvent({...DataManager.getCurrentPageData(), ...navObj})
        })
    })
}

const attachIndustriesDropdownLinks = () => {
    // Industries
    const industriesLinksArr = [{title: 'Healthcare', filterText: 'Healthcare'}, {title: 'Consumer & Retail', filterText: 'Consumer'}, {title: 'Financial Services', filterText: 'Financial Services'}, {title: 'Manufacturing & Supply Chain', filterText: 'Supply Chain'}, {title: 'Technology', filterText: 'Technology'}]

    industriesLinksArr.forEach((item, i) => {
        findElement('nav.list-of-services a', item.filterText).on('click', function() {
            const navObj = createDataLayerDefaultNavObject('header_dropdown', `industries_${item.title.toLowerCase()}`, i+1, `https://concordusa.com${$(this).attr('href')}`);
            updateDataLayerOnEvent({...DataManager.getCurrentPageData(), ...navObj});
        })
    })
}

const caseStudiesLink = () => {
    // Case Studies
    findElement('.div-block-174', 'Case Studies').on('click', () => {
        const navObj = createDataLayerDefaultNavObject('header', `case studies`, 3, 'https://concordusa.com/case-studies');
        updateDataLayerOnEvent({...DataManager.getCurrentPageData(), ...navObj})
    })
}

const insightsLink = () => {
    findElement('.div-block-174', 'Insights').on('click', () => {
        const navObj = createDataLayerDefaultNavObject('header', `insights`, 4, 'https://concordusa.com/insights')
        updateDataLayerOnEvent({...DataManager.getCurrentPageData(), ...navObj})
    })
}

const aboutUsDropdownLinks = () => {
    // About Us Dropdown
    const aboutUsLinksArr = ['Leadership', 'Solution Partners', 'Our History', 'Careers']

    aboutUsLinksArr.forEach((item, i) => {
        findElement('.dropdown-link', item).on('click', function() {
            const navObj = createDataLayerDefaultNavObject('header_dropdown', `about us_${item.toLowerCase()}`, i+1, `https://concordusa.com${$(this).attr('href')}`)
            updateDataLayerOnEvent({...DataManager.getCurrentPageData(), ...navObj})
        })
    })
}

const contactLink = () => {
    $('a.nav-link.contact-button.w-nav-link').on('click', () => {
        const navObj = createDataLayerDefaultNavObject('header', 'contact', 6, 'https://www.concordusa.com/contact')
        updateDataLayerOnEvent({...DataManager.getCurrentPageData(), ...navObj})
    })
}

export const attachHeaderClickEvents = () => {
    attachServicesDropdownLinks();
    attachIndustriesDropdownLinks();
    caseStudiesLink();
    insightsLink();
    aboutUsDropdownLinks();
    contactLink();
}