hbspt.forms.create({
    region: "na1",
    portalId: "22168879",
    formId: "8ae920ad-a423-44ba-8d6a-625c80d4623f",
  });

  let table = "https://api.hubapi.com/cms/v3/hubdb/tables/5519367/rows?portalId=22168879"
  var cat1 = [],
    cat2 = [];
  const data = getStates();

  function getStates() {
    fetch(table)
      .then(response => response.json())
      .then(response => {
        response.results.forEach(function(item) {
          item.values.segment.id === "1" ? cat1.push(item.values.state_abbr) : cat2.push(item.values.state_abbr);
        });
      });
  }

  function formatPhoneNumber(input) {
    var thisVal = document.querySelector('input[name="phone"]').value;
    let val = thisVal.split('-').join('');
    // let val = thisPhone.val().split('-').join('');
    if (val.length < 9) {
      let finalVal = val.match(/.{1,3}/g).join('-');
      // send updated string to input
      input.value = finalVal;
    }
    if (val.length == 10) {
      let finalVal = val.replace(/(\d{3})\-?(\d{3})\-?(\d{4})/, '$1-$2-$3');
      // send updated string to input
      input.value = finalVal;
    }
  }
  window.addEventListener('load', (event) => {


  });
  window.addEventListener('message', event => {
    if (event.data.type === 'hsFormCallback' && event.data.eventName === 'onFormReady') {
      let url = window.location.href;
      let input = document.querySelector('input[name="form_submission_page"]');
      if (input) {
        input.value = url;
        input.dispatchEvent(new Event('input', {
          bubbles: true
        }));
      }
      var phoneField = document.querySelector('input[name="phone"]');
      var numCheck = document.querySelector('input[name="phone"]').value
      if (numCheck) {
        // jQuery('input[name="phone"]').val(formatPhoneNumber(jQuery('input[name="phone"]')));
      }
      phoneField.setAttribute("maxlength", "12");
      phoneField.addEventListener("keyup", (event) => {
        formatPhoneNumber(phoneField);
      });

    }

    var urlParams,
      thisState;
    var inState = "https://www.gaf.energy/homeowner-thank-you-part-2-ons/?";
    var outState = "https://www.gaf.energy/homeowner-thank-you-for-your-interest-in-solar-ons/?";
    if (event.data.type === 'hsFormCallback' && event.data.eventName === 'onFormSubmit') {
      var thisData = event.data.data;
      var thisState = thisData[thisData.findIndex(x => x.name == 'state')].value
      var first = thisData[thisData.findIndex(x => x.name == 'firstname')].value
      var last = thisData[thisData.findIndex(x => x.name == 'lastname')].value
      var email = thisData[thisData.findIndex(x => x.name == 'email')].value
      var urlParams = 'firstname=' + first + "&lastname=" + last + "&state=" + thisState + "&email=" + email
      if (cat1.includes(thisState)) {
        localStorage.setItem('URL', inState + urlParams)
      } else {
        localStorage.setItem('URL', outState + urlParams)
      }

    }
    if (event.data.type === 'hsFormCallback' && event.data.eventName === 'onFormSubmitted') {
      if (event.data.id === '8ae920ad-a423-44ba-8d6a-625c80d4623f') {
        setTimeout(function() {
          var location = localStorage.getItem('URL')
          window.parent.location.href = location;
        }, 250);
      }
    }
  });