async function sendDataToBackend(inputData) {
  try {
    document.getElementById("loader").style.display = "block";
    const response = await fetch(`/getdata?input=${inputData}`);
    if (response.ok) {
      const data = await response.json();
      document.getElementById("loader").style.display = "none";
      document.getElementById("summaryResult").innerText = data.summary;
    }
  } catch (error) {
    document.getElementById("loader").style.display = "none";
    console.error(error);
  } finally {
    document.getElementById("loader").style.display = "none";
  }
}

function handleSubmit(event) {
  event.preventDefault();
  const inputElement = document.getElementById("youtubeLinkInput");
  const inputData = inputElement.value.trim();
  if (inputData) {
    sendDataToBackend(inputData);
  }
}

document.addEventListener("DOMContentLoaded", () => {
  const form = document.getElementById("summaryForm");
  form.addEventListener("submit", handleSubmit);
});