function revealContent() {
  const loader = document.getElementById('loader');
  const textGenContainer = document.getElementById('text-gen-container');
  loader.classList.add('hidden');
  textGenContainer.classList.remove('hidden');
}

// Call the function once the DOM is loaded
document.addEventListener('DOMContentLoaded', () => {
  revealContent();
});

const textGenForm = document.querySelector("#text-gen-form");

const generateText = async (text) => {
  const response = await fetch('/generate_text', {
    method: 'POST',
    headers: {
      'Content-Type': 'text/plain'
    },
    body: text
  });

  const data = await response.json();

  return data.output;
};

async function handleFormSubmit(event) {
  event.preventDefault();
  // Afficher l'image de chargement
  const loader = document.querySelector('#loader');
  loader.classList.remove('hidden');
  console.log("Form submitted");
  const textGenInput = document.getElementById("text-gen-input");
  const textGenParagraph = document.querySelector(".text-gen-output");
  textGenParagraph.textContent = await generateText(textGenInput.value);
  // Masquer l'image de chargement après le traitement
  loader.classList.add('hidden');
}

textGenForm.addEventListener('submit', handleFormSubmit);