navbarName.addEventListener("click", () => {
  document
    .getElementById("main-section")
    .scrollIntoView({ behavior: "smooth" });
});

for (btn of navbarButtons) {
  btn.addEventListener("click", (event) => {
    const selectedSection = event.target.innerText.toLowerCase();
    const sectionElement = document.getElementById(
      `${selectedSection}-section`
    );
    sectionElement.scrollIntoView({ behavior: "smooth" });
    document.getElementById(`${selectedSection}-btn`).style.color = "#909090";
    setTimeout(() => {
      document.getElementById(`${selectedSection}-btn`).style.color = "#FFFFFF";
    }, 250);
  });
}

nameInput.addEventListener("input", handleInput);
subjectInput.addEventListener("input", handleInput);
messageInput.addEventListener("input", handleInput);

function handleInput(e) {
  if (
    isInputEmpty(nameInput.value) ||
    isInputEmpty(subjectInput.value) ||
    isInputEmpty(messageInput.value)
  ) {
    submitButton.disabled = true;
  } else {
    submitButton.disabled = false;
  }
}

submitButton.addEventListener("click", (e) => {
  
  var messageBody = messageInput.value.replace(/\r\n|\r|\n/g, "%0D%0A");
  window.location.href = `mailto:tolga@cakici.co.uk?subject=${
    subjectInput.value
  }&body=${messageBody}%0D%0DKind regards,%0D%0A${nameInput.value.trim()}`;
  e.preventDefault();
  nameInput.value = "";
  subjectInput.value = "";
  messageInput.value = "";
  submitButton.disabled = true;
});

function isInputEmpty(str) {
  return str === null || /^\s*$/.test(str);
}