window.Webflow ||= [];
window.Webflow.push(() => {
  const successMessage = document.querySelector('[data-elem="success"]') as HTMLDivElement;
  const subscribeForms = document.querySelectorAll('form') as NodeListOf<HTMLFormElement>;
  const input = document.querySelector('[data-elem="input"]') as HTMLInputElement;
  const inputLabel = document.querySelector('[data-elem="input-label"]') as HTMLElement;
  const inputHelperText = document.querySelector('[data-elem="helper-text"]') as HTMLSpanElement;
  if (!subscribeForms) return; //test

  subscribeForms.forEach((form) => {
    form.addEventListener('submit', (e) => {
      e.preventDefault();
      e.stopPropagation();
      const formData = new FormData(form);
      const email = formData.get('email');
      if (!email) return;
      fetch('https://mailerlite_project.emanuel32432.workers.dev/email', {
        method: 'POST',
        headers: {
          'Content-Type': 'application/json',
        },
        body: JSON.stringify({ email }),
      }).then((response) => {
        if (response.ok) {
          successMessage.style.display = 'block';
          form.style.display = 'none';
        } else {
          input.style.borderColor = '#F54B3C';
          inputLabel.style.color = '#BB0003';
          inputHelperText.style.display = 'block';
        }
      });
    });
  });
});