// Optional: Add JavaScript for form submission or validation
document.querySelector("form").addEventListener("submit",async function (event) {
  event.preventDefault();

    const formData = new FormData(event.target);
    const data = Object.fromEntries(formData.entries());
    console.log("Form Data:", data);

    let newsletter = true;

    if (data.newsletter == 'on') {
      newsletter = true
    } else {
      newsletter = false
    }
    
    if (!data.name || !data.email || !data.message) {
      console.error("please fill in all fields");
      alert("please fill in all fields");
      return;
    }

    try {
      const res = await fetch(
        "https://jimvd.com/n8n/webhook/62271e43-3ef3-4494-b779-9635113ad1f7",
        {
          method: "POST",
          body: JSON.stringify({
            name: data.name,
            email: data.email,
            message: data.message,
            newsletter: newsletter
          }), //destracting data to be shure that the elemts correct
          headers: {
            "Content-Type": "application/json",
          },
        }
      );
      if (!res.ok) {
        console.error("error sending message");
        alert("error sending message");
      }

      const result = await res.json(); 
      console.log('Server Response:', result);
      alert('Message sent successfully!');

    } catch {
      console.error("error sending message");
      alert("error sending message");
    }
});