const toggle = document.getElementById("toggle");
const statusText = document.getElementById("status");

function refreshUI(enabled) {
  if (enabled) {
    toggle.textContent = "🟢 Protection activée";
    toggle.classList.remove("off");
    statusText.textContent = "Les pubs sont bloquées.";
  } else {
    toggle.textContent = "🔴 Protection désactivée";
    toggle.classList.add("off");
    statusText.textContent = "Les pubs ne sont plus bloquées.";
  }
}

chrome.storage.local.get(["enabled"], data => {
  const enabled = data.enabled !== false;
  refreshUI(enabled);
});

toggle.addEventListener("click", () => {
  chrome.storage.local.get(["enabled"], data => {
    const enabled = data.enabled !== false;
    const next = !enabled;

    chrome.storage.local.set({ enabled: next }, () => {
      chrome.runtime.sendMessage({
        type: "SET_ENABLED",
        enabled: next
      });

      refreshUI(next);
    });
  });
});