// Function for Face Fusion page
function handleImageUpload(event) {
  const file = event.target.files[0];
  if (file) {
    console.log("Image uploaded:", file.name);
    // Add logic to display the uploaded image preview if needed
  }
}

function generateImage() {
  const prompt = document.getElementById("generationPrompt").value;

  // Check if we're on the Face Fusion page (which has an image upload)
  const fileInput = document.getElementById("imageUpload");
  if (fileInput) {
    const file = fileInput.files[0];
    if (!file || !prompt) {
      alert("Please upload an image and enter a prompt.");
      return;
    }
    console.log("Generating image with prompt (Face Fusion):", prompt);
    const previewBox = document.getElementById("previewBox");
    previewBox.innerHTML = "<span>Generating...</span>";
    // Add your face fusion image generation logic here
    // Example: previewBox.innerHTML = `<img src="generated-image-url" alt="Generated Image" style="width: 100%; height: 100%; object-fit: cover;" />`;
  } else {
    // Text to Image page (no image upload)
    if (!prompt) {
      alert("Please enter a prompt to generate an image.");
      return;
    }
    console.log("Generating text-to-image with prompt:", prompt);
    const previewBox = document.getElementById("previewBox");
    previewBox.innerHTML = "<span>Generating...</span>";
    // Add your text-to-image generation logic here
    // Example: previewBox.innerHTML = `<img src="generated-image-url" alt="Generated Image" style="width: 100%; height: 100%; object-fit: cover;" />`;
  }
}