ai_cover_letter_generator/public/js/script.js

const profileJsonTextarea = document.getElementById("profileJson");

// Function to validate JSON input live
function validateJsonInput() {
  const errorText = document.getElementById("jsonError");

  try {
      // Try parsing JSON
      // TODO Update these styles to be correct tailwind classes for constancy
      JSON.parse(profileJsonTextarea.value);
      profileJsonTextarea.style.border = "2px solid green"; // Green border on valid input
      errorText.style.display = "none";
  } catch (e) {
      profileJsonTextarea.style.border = "2px solid red"; // Red border on error
      errorText.style.display = "block";
  }
}

profileJsonTextarea.addEventListener("input", validateJsonInput);


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

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



  generateBtn.disabled = true;  
  resumePreviewSection.style.display = "grid";
  profileJson.textContent = "Parsing Resume....."

  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,
  });

  if (!response.ok) {
    const errorData = await response.json();
    throw new Error(errorData.error || 'Failed to process the resume.');
  }

  const data = await response.json();
  generateBtn.disabled = false;  
  profileJson.textContent = JSON.stringify(data.candidateProfile, null, 2);
  } catch (error) {
    console.error('Error:', error);
    alert('Something went wrong. Please try again.');
    resumePreviewSection.style.display = "none";
  }

});

// Send Resume and Job Description to Generate Cover Letter
document.getElementById("generateCoverLetterBtn").addEventListener("click", async function () {
  const candidateProfile = document.getElementById("profileJson").value;
  const jobDescription = document.getElementById("jobDescription").value;
  const keyPoints = document.getElementById("keyPoints").value;
  const generateBtn = document.getElementById("generateCoverLetterBtn")

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

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

  const requestData = {
      candidateProfile,
      jobDescription,
      keyPoints,
  };

  generateBtn.textContent = "Generating Cover Letter...."

  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 {
          const formattedText = formatCoverLetter(data.coverLetter);
          document.getElementById("coverLetterOutput").value = formattedText;
          document.getElementById("coverLetterSection").style.display = "grid"; // Show cover letter section
          generateBtn.textContent = "Generate New Cover Letter"
      }
  } 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.');
  }
});


function formatCoverLetter(rawText) {
  return rawText
    .replace(/<\/header>/g, '') 
    .replace(/<\/greeting>/g, '') 
    .replace(/<\/introduction>/g, '') 
    .replace(/<\/body>/g, '') 
    .replace(/<\/conclusion>/g, '') 
    .replace(/<\/signature>/g, '') 
    .replace(/<[^>]+>/g, ''); // Remove all XML-like tags
}