hbspt.forms.create({
  region: "na1",
  portalId: "22168879",
  formId: "cac757ab-0aae-4169-8766-d93fe9d1f95c"
});

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

function getStates() {
  console.log('get states');
  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);
      });
    });
}
window.addEventListener('load', (event) => {
  var numCheck = jQuery('input[name="phone"]').val();
  if (numCheck) {
    jQuery('input[name="phone"]').val(formatPhoneNumber(jQuery(numCheck)));
  }
  jQuery('input[name="phone"]').attr("maxlength", "12");
  jQuery("input[name='phone']").on({
    keyup: function() {
      formatPhoneNumber(jQuery(this));
    },
    change: function() {
      formatPhoneNumber(jQuery(this));
    }
  });

  function formatPhoneNumber(input) {
    let val = jQuery(input).val().split('-').join('');
    if (val.length < 9) {
      let finalVal = val.match(/.{1,3}/g).join('-');
      // send updated string to input
      input.val(finalVal).change();
    }
  }
});
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
      }));
    }

  }
  if (event.data.type === 'hsFormCallback' && event.data.eventName === 'onFormSubmit') {
    let thisData = event.data.data;
    let thisState = thisData[thisData.findIndex(x => x.name == 'state')].value
    let first = thisData[thisData.findIndex(x => x.name == 'firstname')].value
    let last = thisData[thisData.findIndex(x => x.name == 'lastname')].value
    let email = thisData[thisData.findIndex(x => x.name == 'email')].value
    let urlParams = 'firstname=' + first + "&lastname=" + last + "&state=" + thisState + "&email=" + email
    let inState = "https://www.gaf.energy/homeowner-thank-you-part-2-ofs/?";
    let outState = "https://www.gaf.energy/homeowner-thank-you-for-your-interest-in-solar-ofs/?";
    if (event.data.id === 'cac757ab-0aae-4169-8766-d93fe9d1f95c') {
      setTimeout(function() {
        if (cat1.includes(thisState)) {
          window.parent.location.href = inState + urlParams
        } else {
          window.parent.location.href = outState + urlParams
        }
      }, 250);
    }
  }
});