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

const navigationElement = 'body';

const attachViewOpenings = () => {
    const usLink = 'united-states'
    findElementByHref('.us-jobs a', usLink).on('click', function() {
        const navObj = createDataLayerDefaultNavObject(navigationElement, `Job Openings_View Openings`, 1, `https://concordusa.com/careers/${usLink}`);
        updateDataLayerOnEvent({...DataManager.getCurrentPageData(), ...navObj});
    })

    const indiaLink = 'india'
    findElementByHref('.india-jobs a', indiaLink).on('click', function() {
        const navObj = createDataLayerDefaultNavObject(navigationElement, `Job Openings_View Openings`, 2, `https://concordusa.com/careers/${indiaLink}`);
        updateDataLayerOnEvent({...DataManager.getCurrentPageData(), ...navObj});
    })
}

const attachJobListings = () => {
    // $('.menu_table .resumator_even_row, .resumator_odd_row').each(function(i) {
    //     $(this).on('click', function() {
    //         // const pageTitle = $('.text-block-195').text()
    //         const navObj = createDataLayerDefaultNavObject(navigationElement, `Position_${$(this).text()}`, i+1, `https://concordusa.com/${$(this).find('a').attr('href')}`);
    //         // const globalObj = createPageAttributeObj(pageTitle, 'About Us')
            
    //         debugLog('Click Event: ', navObj);
    //         updateDataLayerOnClickEvent({...currentPageData, ...navObj});
    //     })
    // })

    $.ajax('https://concordusa.applytojob.com/apply/jobs/').done(function(data) {
        // const navObj = createDataLayerDefaultNavObject(
        //     'body',
        //     `Position_${$(this).text()}`,
        //     i + 1,
        //     `https://concordusa.com/${$(this).find('a').attr('href')}`
        // );

        // Log and update data layer on click
        debugLog('Click Event: ', data);
        updateDataLayerOnEvent({...DataManager.getCurrentPageData(), ...data});
    })

    $('.resumator-advanced-widget').on('load', function() {
        const $iframe = $(this).contents(); // Get the iframe element
  
            // Select and bind events within the iframe document
            $iframe.find('.menu_table a.job_title_link').each(function(i) {
                $(this).on('click', function() {
                    // Create navObj based on the clicked element
                    const navObj = createDataLayerDefaultNavObject(
                        'body',
                        `Position_${$(this).text()}`,
                        i + 1,
                        `https://concordusa.com/${$(this).find('a').attr('href')}`
                    );
  
                    // Log and update data layer on click
                    debugLog('Click Event: ', navObj);
                    updateDataLayerOnEvent({...DataManager.getCurrentPageData(), ...navObj});
                });
            });
    });

    // $(document).on('click', '.menu_table .job_title_link a', function(event) {
    //     event.preventDefault();
    //     const navObj = createDataLayerDefaultNavObject(navigationElement, `Position_${$(this).text()}`, $(this).index() + 1, `https://concordusa.com/${$(this).attr('href')}`);
    //     debugLog('Click Event: ', navObj);
    //     updateDataLayerOnClickEvent({...currentPageData, ...navObj});
    // });
}

export const attachJobsClickEvents = () => {
    attachViewOpenings();
    attachJobListings();
}