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

const navigationElement = 'body';

const attachServicesBodyLinks = () => {
    // Services: Our Solutions Body Links
    const servicesSolutionsLinksArr = [{title: 'Digital Experience', href: 'digital-experience'}, {title: 'Data & Analytics', href: 'data-analytics'}, {title: 'Engineering & Applications', href: 'engineering-applications'}]

    servicesSolutionsLinksArr.forEach((item, i) => {
        findElementByHref('.div-block-346 a', item.href).on('click', function() {
            const navObj = createDataLayerDefaultNavObject(navigationElement, `Our Solutions_${item.title}`, i+1, `https://concordusa.com${$(this).attr('href')}`);
            updateDataLayerOnEvent({...DataManager.getCurrentPageData(), ...navObj})
        })
    })

    // Services: Our Capabilities Body Links
    const servicesCapabilitiesLinksArr = [{title: 'Artificial Intelligence Consulting', href: 'artificial-intelligence-consulting'}, {title:  'Digital Experience Solutions', href: 'digital-ux'}, 
        {title: 'E-Commerce Consulting', href: 'e-commerce-consulting'}, {title: 'Application Development Services', href: 'application-development-services'},
        {title: 'Customer & Digital Analytics Consulting', href: 'customer-digital-analytics-consulting'}, {title: 'Data Integration & Transformation', href: 'data-integration-transformation'},
        {title: 'Data Security Compliance', href: 'data-security-compliance'}, {title: 'Digital Marketing & Loyalty Marketing', href: 'digital-marketing-loyalty-marketing'}]

    servicesCapabilitiesLinksArr.forEach((item, i) => {
        findElementByHref('.div-block-260 a', item.href).on('click', function() {
            const navObj = createDataLayerDefaultNavObject(navigationElement, `Our Solutions_${item.title}`, i+1, `https://concordusa.com${$(this).attr('href')}`);
            updateDataLayerOnEvent({...DataManager.getCurrentPageData(), ...navObj})
        })
    })
}

const attachFeaturedCaseStudies = () => {
    // Feature Case Studies

    $('.collection-list-12 .collection-item-17').each(function(i) {
        $(this).on('click', function() {
            const title = $(this).find('.text-block-147').text()
            const navObj = createDataLayerDefaultNavObject(navigationElement, `Featured Case Studies_${title}`, i+1, `https://concordusa.com${$(this).find('a').attr('href')}`);
            updateDataLayerOnEvent({...DataManager.getCurrentPageData(), ...navObj});
        })
    })

    const caseStudiesLink = 'case-studies'
    findElementByHref('.container-106 a', caseStudiesLink).on('click', function() {
        const navObj = createDataLayerDefaultNavObject(navigationElement, `Featured Case Studies_View All Case Studies`, 2, `https://concordusa.com/${caseStudiesLink}`);
        updateDataLayerOnEvent({...DataManager.getCurrentPageData(), ...navObj});
    })
}

const attachOurPartnerships = () => {
    const partnershipsLink = 'partners'
    findElementByHref('.container-127 a', partnershipsLink).on('click', function() {
        const navObj = createDataLayerDefaultNavObject(navigationElement, `Our Partnerships_Learn About Our Partnerships`, 1, `https://concordusa.com/${partnershipsLink}`);
        updateDataLayerOnEvent({...DataManager.getCurrentPageData(), ...navObj});
    })
}

const attachContactUsBtn = () => {
    const link = 'contact'
    findElementByHref('.connect-button a.w-inline-block', link).on('click', function() {
        const navObj = createDataLayerDefaultNavObject('icon', `connect-button`, 1, `https://concordusa.com/${link}`);
        updateDataLayerOnEvent({...DataManager.getCurrentPageData(), ...navObj});
    })
}

export const attachBodyClickEvents = () => {
    attachServicesBodyLinks();
    attachFeaturedCaseStudies();
    attachOurPartnerships();
    attachContactUsBtn();
}