// Sauvegarde l'URL de Mailcatcher
document.getElementById("save-url").addEventListener("click", () => {
  const url = document.getElementById("mailcatcher-url").value;
  if (url) {
    browser.storage.local.set({ mailcatcherUrl: url });
    alert("URL enregistrée !");
  }
});

// Charge l'URL sauvegardée au démarrage
browser.storage.local.get("mailcatcherUrl").then((data) => {
  if (data.mailcatcherUrl) {
    document.getElementById("mailcatcher-url").value = data.mailcatcherUrl;
    fetchEmails(data.mailcatcherUrl);
  }
});

// Rafraîchit la liste des emails
document.getElementById("refresh-emails").addEventListener("click", () => {
  browser.storage.local.get("mailcatcherUrl").then((data) => {
    if (data.mailcatcherUrl) {
      fetchEmails(data.mailcatcherUrl);
    } else {
      alert("Veuillez configurer l'URL de Mailcatcher.");
    }
  });
});

// Récupère les emails depuis Mailcatcher
function fetchEmails(baseUrl) {
  const emailList = document.getElementById("email-list");
  emailList.innerHTML = "<p>Chargement...</p>";

  fetch(`${baseUrl}/messages`)
    .then((response) => response.json())
    .then((emails) => {
      emailList.innerHTML = "";
      if (emails.length === 0) {
        emailList.innerHTML = "<p>Aucun email trouvé.</p>";
        return;
      }
      emails.reverse().forEach((email) => {
        const item = document.createElement("div");
        item.className = "email-item";
        item.innerHTML = `
          <div class="email-title">${email.subject}</div>
          <div class="email-sender">${cleanAddress(email.sender)}</div>
          <div class="email-meta">À : ${cleanAddress(email.recipients.join(", "))} • ${new Date(email.created_at).toLocaleString()}</div>
        `;
        item.addEventListener(
          "click",
          () => (window.location.href = `${baseUrl}/messages/${email.id}.html`),
        );
        emailList.appendChild(item);
      });
    })
    .catch((error) => {
      emailList.innerHTML = `<p>Erreur : ${error.message}</p>`;
    });
}

const cleanAddress = (rawAddress) => rawAddress.replace(/[<>"']/g, "");