<script>
document.addEventListener("DOMContentLoaded", function () {
  // Clear on logout
  const logoutLinks = document.querySelectorAll("a[href*='/account/logout']");
  logoutLinks.forEach(link => {
    link.addEventListener("click", () => {
      localStorage.removeItem("recently_viewed");
    });
  });

  {% if product %}
  const currentProductId = "{{ product.id | default: '' }}".toString();
  if (currentProductId) {
    try {
      let viewed = JSON.parse(localStorage.getItem("recently_viewed")) || [];
      viewed = viewed.filter(id => id !== currentProductId);
      viewed.unshift(currentProductId);
      viewed = viewed.slice(0, 10);
      localStorage.setItem("recently_viewed", JSON.stringify(viewed));
      console.log("Product ID saved:", currentProductId);  // Debug: Remove after testing
    } catch (err) {
      console.error("Error saving to localStorage:", err);
    }
  }
  {% endif %}
});
</script>