document.getElementById('uploadForm').addEventListener('submit', async function (event) {
  event.preventDefault();

  const resumePreviewSection = document.getElementById('resumePreviewSection');
  const generateBtn = document.getElementById('generateCoverLetterBtn');


  generateBtn.disabled = true;
  generateBtn.textContent = "Reading Resume...";
  resumePreviewSection.value = "";  //This clear any previous generated output
  resumePreviewSection.style.display = "flex";

  const fileInput = document.getElementById('resume');
  const file = fileInput.files[0];

  if (!file) {
    alert("Please upload a resume.");
    return;
  }

  const formData = new FormData();
  formData.append("resume", file);

  try {
    const response = await fetch('/generate/extract-resume', {
      method: "POST",
      body: formData,
  });

    const data = await response.json();
    if (data.error) {
      alert("Error: " + data.error)
    } else {
      resumePreviewSection.value = data.extractedText;
      generateBtn.disabled = false;
      generateBtn.textContent = "Generate Cover Letter"
    }
  } catch (error) {
    console.error('Error:', error);
    alert('Something went wrong. Please try again.');
    outputSection.style.display = "none";
  }

});

document.getElementById("generateCoverLetterBtn").addEventListener("click", async function () {
  const extractedResumeText = document.getElementById("resumeTextOutput").value;
  const jobDescription = document.getElementById("jobDescription").value;

  if (!extractedResumeText.trim()) {
      alert("Please confirm the extracted resume text.");
      return;
  }

  if (!jobDescription.trim()) {
      alert("Please enter a job description.");
      return;
  }

  const requestData = {
      extractedResumeText,
      jobDescription,
  };

  try {
      const response = await fetch("/generate", {
          method: "POST",
          headers: { "Content-Type": "application/json" },
          body: JSON.stringify(requestData),
      });

      const data = await response.json();
      if (data.error) {
          alert("Error: " + data.error);
      } else {
          document.getElementById("coverLetterOutput").innerText = data.coverLetter;
          document.getElementById("coverLetterSection").style.display = "block"; // Show cover letter section
      }
  } catch (error) {
      console.error("Error generating cover letter:", error);
      alert("Something went wrong. Please try again.");
  }
});

document.getElementById('downloadBtn').addEventListener('click', async function () {
  const coverLetterText = document.getElementById('coverLetterOutput').value;

  try {
      const response = await fetch('/generate/download', {
          method: 'POST',
          headers: { 'Content-Type': 'application/json' },
          body: JSON.stringify({ coverLetterText })
      });

      if (!response.ok) throw new Error('Failed to download document.');

      // Convert response to blob
      const blob = await response.blob();
      const url = window.URL.createObjectURL(blob);

      // Create a temporary download link
      const a = document.createElement('a');
      a.href = url;
      a.download = 'cover_letter.docx';
      document.body.appendChild(a);
      a.click();

      // Cleanup
      document.body.removeChild(a);
      window.URL.revokeObjectURL(url);
  } catch (error) {
      console.error('Error:', error);
      alert('Failed to download document.');
  }
});