function ready(callbackFunc) {
  if (document.readyState !== "loading") {
    // Document is already ready, call the callback directly
    callbackFunc();
  } else if (document.addEventListener) {
    // All modern browsers to register DOMContentLoaded
    document.addEventListener("DOMContentLoaded", callbackFunc);
  } else {
    // Old IE browsers
    document.attachEvent("onreadystatechange", function () {
      if (document.readyState === "complete") {
        callbackFunc();
      }
    });
  }
}

ready(function () {
  "use strict";

  const accordionNextPayElem = document.querySelector(
    ".payment-option__entry.nextpay-credit-account"
  );
  const nextpayTermsLinkElem = document.querySelector(
    ".mt-nextpay #ncpfi-terms-link"
  );
  const nextpayPrivacyLinkElem = document.querySelector(
    ".mt-nextpay #ncpfi-privacy-link"
  );

  const nextpayGapiToolTipElem = document.querySelector(
    ".mt-nextpay .ncpfi-form-tooltip.gapi"
  );
  const nextpayGapiToolTipMessageElem = document.querySelector(
    ".mt-nextpay .ncpfi-form-tooltip-message.gapi"
  );
  const nextpayGapiToolTipCloseBtnElem = document.querySelector(
    ".mt-nextpay .ncpfi-form-tooltip-message.gapi .tooltip-close-btn"
  );
  const nextpayGahiToolTipElem = document.querySelector(
    ".mt-nextpay .ncpfi-form-tooltip.gahi"
  );
  const nextpayGahiToolTipMessageElem = document.querySelector(
    ".mt-nextpay .ncpfi-form-tooltip-message.gahi"
  );
  const nextpayGahiToolTipCloseBtnElem = document.querySelector(
    ".mt-nextpay .ncpfi-form-tooltip-message.gahi .tooltip-close-btn"
  );
  const nextpayNodepToolTipElem = document.querySelector(
    ".mt-nextpay .ncpfi-form-tooltip.nodep"
  );
  const nextpayNodepToolTipMessageElem = document.querySelector(
    ".mt-nextpay .ncpfi-form-tooltip-message.nodep"
  );
  const nextpayNodepToolTipCloseBtnElem = document.querySelector(
    ".mt-nextpay .ncpfi-form-tooltip-message.nodep .tooltip-close-btn"
  );

  const ncpfiNextPaySubmitBtnContainerElem = document.querySelector(
    ".mt-nextpay .ncpfi-container__submit-container"
  );
  const ncpfiNextPaySubmitBtnElem = document.querySelector(
    ".mt-nextpay #ncpfi-container-submit-btn"
  );
  const ncpfiNextPaySubmitBtnShieldElem = document.querySelector(
    ".mt-nextpay .ncpfi-container-submit-btn-disabled-shield"
  );

  const ncpfiNextPayPersonalIncomeradioButtons = document.querySelectorAll(
    '.mt-nextpay input[name="personal-income-option"]'
  );
  const ncpfiNextPayHouseholdIncomeradioButtons = document.querySelectorAll(
    '.mt-nextpay input[name="household-income-option"]'
  );
  const ncpfiNextPayResidentialStatusradioButtons = document.querySelectorAll(
    '.mt-nextpay input[name="residential-income-option"]'
  );
  const ncpfiNextPayNumberofDependantsradioButtons = document.querySelectorAll(
    '.mt-nextpay input[name="number-of-dependants-option"]'
  );

  const nextpayPersonalIncomeRadioGroups = document.querySelectorAll(
    '.mt-nextpay input[type="radio"][name="personal-income-option"]'
  );
  const nextpayHouseholdIncomeRadioGroups = document.querySelectorAll(
    '.mt-nextpay input[type="radio"][name="household-income-option"]'
  );
  const nextpayResidentialStatudRadioGroups = document.querySelectorAll(
    '.mt-nextpay input[type="radio"][name="residential-income-option"]'
  );
  const nextpayNumberofDependantsRadioGroups = document.querySelectorAll(
    '.mt-nextpay input[type="radio"][name="number-of-dependants-option"]'
  );

  let ncpfiNextPayPersonalIncomeSelected = false;
  let ncpfiNextPayHouseholdIncomeSelected = false;
  let ncpfiNextPayResidentialStatusSelected = false;
  let ncpfiNextPayNumberofDependantsSelected = false;

  let ncpfiNextPayPersonalIncomeValue = "";
  let ncpfiNextPayHouseholdIncomeValue = "";
  let ncpfiNextPayResidentialIncomeValue = "";
  let ncpfiNextPayNumberOfDependantsValue = "";

  // CHECKS IF NEXTPAY ACCORDION EXISTS
  if (accordionNextPayElem) {
    // GA - ACCORDION - OPEN/CLOSE
    /*
    accordionNextPayElem.addEventListener("click", (e) => {
      if (e.currentTarget.classList[2] === "collapsed") {
        // FIRE GA
      } else {
        // FIRE GA
    });
    */

    // GA - ACCORDION - TERMS
    nextpayTermsLinkElem.addEventListener("click", () => {
      // FIRE GA
    });

    // GA - ACCORDION - PRIVACY
    nextpayPrivacyLinkElem.addEventListener("click", () => {
      // FIRE GA
    });

    // TOOLTIPS

    // GROSS ANNUAL PERSONAL INCOME - TOOLTIP - CLICK & KEYBOARD EVENTS

    nextpayGapiToolTipElem.addEventListener("click", function (e) {
      nextpayGapiToolTipMessageElem.classList.toggle("mt-hide");
      // FIRE GA
    });

    nextpayGapiToolTipElem.addEventListener("keypress", function (e) {
      if (e.key === "Enter") {
        nextpayGapiToolTipMessageElem.classList.toggle("mt-hide");
        // FIRE GA
      }
    });

    nextpayGapiToolTipCloseBtnElem.addEventListener("click", function (e) {
      nextpayGapiToolTipMessageElem.classList.add("mt-hide");
      // FIRE GA
    });

    nextpayGapiToolTipCloseBtnElem.addEventListener("keypress", function (e) {
      if (e.key === "Enter") {
        nextpayGapiToolTipMessageElem.classList.add("mt-hide");
        // FIRE GA
      }
    });

    // GROSS ANNUAL HOUSEHOLD INCOME - TOOLTIP - CLICK & KEYBOARD EVENTS

    nextpayGahiToolTipElem.addEventListener("click", function (e) {
      nextpayGahiToolTipMessageElem.classList.toggle("mt-hide");
      // FIRE GA
    });

    nextpayGahiToolTipElem.addEventListener("keypress", function (e) {
      if (e.key === "Enter") {
        nextpayGahiToolTipMessageElem.classList.toggle("mt-hide");
        // FIRE GA
      }
    });

    nextpayGahiToolTipCloseBtnElem.addEventListener("click", function (e) {
      nextpayGahiToolTipMessageElem.classList.add("mt-hide");
      // FIRE GA
    });

    nextpayGahiToolTipCloseBtnElem.addEventListener("keypress", function (e) {
      if (e.key === "Enter") {
        nextpayGahiToolTipMessageElem.classList.add("mt-hide");
        // FIRE GA
      }
    });

    // NUMBER OF DEPENDANTS - TOOLTIP - CLICK & KEYBOARD EVENTS

    nextpayNodepToolTipElem.addEventListener("click", function (e) {
      nextpayNodepToolTipMessageElem.classList.toggle("mt-hide");
      // FIRE GA
    });

    nextpayNodepToolTipElem.addEventListener("keypress", function (e) {
      if (e.key === "Enter") {
        nextpayNodepToolTipMessageElem.classList.toggle("mt-hide");
        // FIRE GA
      }
    });

    nextpayNodepToolTipCloseBtnElem.addEventListener("click", function (e) {
      nextpayNodepToolTipMessageElem.classList.add("mt-hide");
      // FIRE GA
    });

    nextpayNodepToolTipCloseBtnElem.addEventListener("keypress", function (e) {
      if (e.key === "Enter") {
        nextpayNodepToolTipMessageElem.classList.add("mt-hide");
        // FIRE GA
      }
    });

    // GA - SUBMIT BUTTON WHEN DISABLED

    ncpfiNextPaySubmitBtnShieldElem.addEventListener("click", function (e) {
      // FIRE GA
    });

    // SUBMIT BUTTON

    const ncpfiSubmitBtnChecker = () => {
      if (
        ncpfiNextPayPersonalIncomeSelected &&
        ncpfiNextPayHouseholdIncomeSelected &&
        ncpfiNextPayResidentialStatusSelected &&
        ncpfiNextPayNumberofDependantsSelected
      ) {
        ncpfiNextPaySubmitBtnElem.removeAttribute("disabled");
      } else {
        // DO NOTHING
      }
    };

    ncpfiNextPayPersonalIncomeradioButtons.forEach(function (radioButton) {
      radioButton.addEventListener("change", function (e) {
        ncpfiNextPayPersonalIncomeSelected = true;
        ncpfiSubmitBtnChecker();
        // FIRE GA
      });
    });

    ncpfiNextPayHouseholdIncomeradioButtons.forEach(function (radioButton) {
      radioButton.addEventListener("change", function (e) {
        ncpfiNextPayHouseholdIncomeSelected = true;
        ncpfiSubmitBtnChecker();
        // FIRE GA
      });
    });

    ncpfiNextPayResidentialStatusradioButtons.forEach(function (radioButton) {
      radioButton.addEventListener("change", function (e) {
        ncpfiNextPayResidentialStatusSelected = true;
        ncpfiSubmitBtnChecker();
        // FIRE GA
      });
    });

    ncpfiNextPayNumberofDependantsradioButtons.forEach(function (radioButton) {
      radioButton.addEventListener("change", function (e) {
        ncpfiNextPayNumberofDependantsSelected = true;
        ncpfiSubmitBtnChecker();
        // FIRE GA
      });
    });

    ncpfiNextPaySubmitBtnElem.addEventListener("click", function (event) {
      event.preventDefault();

      nextpayPersonalIncomeRadioGroups.forEach((radio) => {
        if (radio.checked) {
          ncpfiNextPayPersonalIncomeValue = radio.value;
        }
      });

      nextpayHouseholdIncomeRadioGroups.forEach((radio) => {
        if (radio.checked) {
          ncpfiNextPayHouseholdIncomeValue = radio.value;
        }
      });

      nextpayResidentialStatudRadioGroups.forEach((radio) => {
        if (radio.checked) {
          ncpfiNextPayResidentialIncomeValue = radio.value;
        }
      });

      nextpayNumberofDependantsRadioGroups.forEach((radio) => {
        if (radio.checked) {
          ncpfiNextPayNumberOfDependantsValue = radio.value;
        }
      });

      // FIRE GA

      // SHOW LOADING SPINNER
      ncpfiNextPaySubmitBtnContainerElem.classList.add("ncpfi-button-unlocked");
    });
  } else {
    console.info("Monetate - Issue with targeted elements");
  }
});