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

const navigationElement = 'hero';

const attachLearnMore = () => {
    const link = 'services'
    findElementByHref('.button-3.w-button', link).on('click', function() {
        const navObj = createDataLayerDefaultNavObject(navigationElement, `Learn More`, 1, `https://concordusa.com/${link}`);
        updateDataLayerOnEvent({...DataManager.getCurrentPageData(), ...navObj});
    })
}

const attachConnectWithUsBtn = () => {
    const link = 'contact'
    findElementByHrefAndText('a.light-button.w-button, a.dark-button.w-button', link, 'WITH').on('click', function() {
        const navObj = createDataLayerDefaultNavObject(navigationElement, `Connect With Us`, 1, `https://concordusa.com/${link}`);
        updateDataLayerOnEvent({...DataManager.getCurrentPageData(), ...navObj});
    })
}

const attachConnectToLearnMoreBtn = () => {
    const link = 'contact'
    findElementByHrefAndText('a.light-button.w-button, a.dark-button.w-button', link, 'LEARN').on('click', function() {
        const navObj = createDataLayerDefaultNavObject(navigationElement, `Connect To Learn More`, 1, `https://concordusa.com/${link}`);
        updateDataLayerOnEvent({...DataManager.getCurrentPageData(), ...navObj});
    })
}

export const attachHeroClickEvents = () => {
    attachLearnMore();
    attachConnectWithUsBtn();
    attachConnectToLearnMoreBtn();
}