document.addEventListener("DOMContentLoaded", function () {
  // Récupérer les données du formulaire depuis l'URL
  const urlParams = new URLSearchParams(window.location.search);
  const formData = JSON.parse(decodeURIComponent(urlParams.get("data")));

  // Afficher les informations du destinataire
  const recipientInfo = document.getElementById("recipientInfo");
  recipientInfo.innerHTML = `
        <p>${formData.recipient_name}</p>
        <p>${formData.recipient_address}</p>
        <p>${formData.recipient_postal_code} ${formData.recipient_town}</p>
        <p>${formData.recipient_country}</p>
        ${
          formData.recipient_vat_number
            ? `<p>TVA: ${formData.recipient_vat_number}</p>`
            : ""
        }
    `;

  // Afficher les détails de la facture
  const invoiceDetails = document.getElementById("invoiceDetails");
  invoiceDetails.innerHTML = `
        <div class="grid grid-cols-2 gap-4">
            <div>
                <p class="text-gray-600">Numéro de facture</p>
                <p class="font-semibold">${formData.invoice_number}</p>
            </div>
            <div>
                <p class="text-gray-600">Date</p>
                <p class="font-semibold">${new Date().toLocaleDateString()}</p>
            </div>
            <div>
                <p class="text-gray-600">Langue</p>
                <p class="font-semibold">${formData.language}</p>
            </div>
            <div>
                <p class="text-gray-600">Montant</p>
                <p class="font-semibold">${formData.amount} ${
    formData.currency
  }</p>
            </div>
        </div>
    `;

  // Gérer la validation de la facture
  document
    .getElementById("validateInvoice")
    .addEventListener("click", async function () {
      try {
        console.log("Envoi des données à l'API:", formData);

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

        console.log("Réponse reçue:", response.status);

        if (response.ok) {
          const result = await response.json();
          console.log("Facture créée avec succès:", result);
          alert("Facture créée avec succès !");
          window.location.href = "/dashboard";
        } else {
          const error = await response.json();
          console.error("Erreur API:", error);
          alert(
            "Erreur lors de la création de la facture : " +
              (error.error || "Erreur inconnue")
          );
        }
      } catch (error) {
        console.error("Erreur lors de la requête:", error);
        alert("Erreur lors de la création de la facture : " + error.message);
      }
    });
});