const generateAsset = async () => {
  const response = await fetch("https://assets.qbacode.com/api/v1/generate-asset", {
    method: "POST",
    headers: {
      "Content-Type": "application/json",
    },
    body: JSON.stringify({
      template: "promotional", // o "event", "certificate", "basic"
      productName: "Edición Limitada 2026",
      salePrice: "$49.99",
      discount: "20% OFF",
      primaryColor: "#7c3aed",
      imageUrl: "https://tusitio.com/foto-producto.jpg"
    }),
  });

  if (response.ok) {
    const blob = await response.blob();
    const url = URL.createObjectURL(blob);
    // Ya puedes mostrarla en un <img> o descargarla
    console.log("Imagen generada:", url);
    
    // Mostrar en un <img>
    document.getElementById("preview").src = url;
    
    // O descargar directamente
    const a = document.createElement("a");
    a.href = url;
    a.download = "asset.png";
    a.click();
  } else {
    const error = await response.json();
    console.error("Error:", error);
  }
};

generateAsset();