/* =========================================================
   ALMUTAIRI JEWELRY — SAFE CUSTOM JS
   ضع هذا في خانة JavaScript فقط بدون <script>
========================================================= */

(function () {
  "use strict";

  /* =========================
     GOLD PRICE API
  ========================= */

  var priceTypes = [
    "priceGram18k",
    "priceGram21k",
    "priceGram22k",
    "priceGram24k"
  ];

  var apiUrl = "https://live-gold-development-1ce6929338ed.herokuapp.com/api/metals";

  function formatPrice(value) {
    var number = Number(value);

    if (isNaN(number)) {
      return value;
    }

    return number.toLocaleString("ar-SA", {
      minimumFractionDigits: 2,
      maximumFractionDigits: 2
    });
  }

  function updatePrice(type, price) {
    var selector = ".livegold_pricesBar_goldItem." + type + " .price";
    var element = document.querySelector(selector);

    if (!element || !price || !price.value) {
      return;
    }

    element.textContent = formatPrice(price.value) + " ريال";
  }

  function showGoldBar() {
    var loading = document.querySelector(".livegold_pricesBar_loading");
    var list = document.querySelector(".livegold_pricesBar ul");

    if (loading) {
      loading.style.display = "none";
    }

    if (list) {
      list.style.display = "flex";
    }
  }

  function getPrices() {
    var options = {
      method: "GET",
      headers: {
        "Content-Type": "application/json;charset=utf-8",
        "X-API-KEY": "o2shn0lcld6jt1rzjyvqez45fu24urbi"
      }
    };

    fetch(apiUrl, options)
      .then(function (res) {
        if (!res.ok) {
          throw new Error("Gold API Error");
        }

        return res.json();
      })
      .then(function (prices) {
        if (!prices || !prices.gold) {
          return;
        }

        priceTypes.forEach(function (type) {
          var goldPrice = prices.gold[type];

          if (goldPrice) {
            updatePrice(type, goldPrice);
          }
        });

        showGoldBar();
      })
      .catch(function (error) {
        console.error("Gold price error:", error);
        showGoldBar();
      });
  }

  /* =========================
     BACK TO TOP BUTTON
  ========================= */

  function createBackToTopButton() {
    if (document.querySelector(".mj-back-to-top")) {
      return;
    }

    var button = document.createElement("button");
    button.className = "mj-back-to-top";
    button.type = "button";
    button.setAttribute("aria-label", "العودة للأعلى");
    button.innerHTML = "↑";

    document.body.appendChild(button);

    button.addEventListener("click", function () {
      window.scrollTo({
        top: 0,
        behavior: "smooth"
      });
    });

    window.addEventListener("scroll", function () {
      if (window.scrollY > 500) {
        button.classList.add("mj-back-to-top-show");
      } else {
        button.classList.remove("mj-back-to-top-show");
      }
    });
  }

  /* =========================
     SIMPLE REVEAL EFFECT
  ========================= */

  function initRevealAnimation() {
    var elements = document.querySelectorAll(
      ".s-product-card-entry, .product-card, .s-category-card, .s-block"
    );

    if (!elements.length) {
      return;
    }

    elements.forEach(function (element, index) {
      element.classList.add("mj-reveal");
      element.style.setProperty("--mj-delay", Math.min(index * 40, 300) + "ms");
    });

    var observer = new IntersectionObserver(
      function (entries) {
        entries.forEach(function (entry) {
          if (entry.isIntersecting) {
            entry.target.classList.add("mj-reveal-visible");
            observer.unobserve(entry.target);
          }
        });
      },
      {
        threshold: 0.12
      }
    );

    elements.forEach(function (element) {
      observer.observe(element);
    });
  }

  /* =========================
     INIT
  ========================= */

  function init() {
    getPrices();
    createBackToTopButton();
    initRevealAnimation();

    setInterval(getPrices, 5 * 60 * 1000);
  }

  if (document.readyState === "loading") {
    document.addEventListener("DOMContentLoaded", init);
  } else {
    init();
  }
})();