/* =====================================================================
   LEVAN STORE – Custom JS (Salla)
   Paste the whole file into Salla's custom JS box (no <script> tags).

   INDEX
   [01] Launch countdown (.mw4-cd)          – target: 23 Oct 2026
   [02] Recent purchase / promo popup        – #lv-toast
   [03] Product badge (per-product text)     – .lv-badge
   [--] Template for new blocks              – copy it, give it the next number

   RULES
   - Every block is its own (function(){ ... })(); so they never clash.
   - Prefix new IDs/classes/storage keys with "lv-" to avoid theme conflicts.
   - Settings go at the top of each block, logic underneath.
   ===================================================================== */


/* =====================================================================
   [01] LAUNCH COUNTDOWN
   Needs HTML with class "mw4-cd" and children data-u="d|h|m|s".
   Adds class "is-live" to the countdown when it hits zero.
   ===================================================================== */
(function () {
  /* ---------- SETTINGS ---------- */
  // 23 أكتوبر 2026 - منتصف الليل بتوقيت الرياض
  var TARGET = new Date('2026-10-23T00:00:00+03:00').getTime();
  /* ------------------------------ */

  function pad(n) { return n < 10 ? '0' + n : '' + n; }

  function start(root) {
    if (!root || root.dataset.cdInit) return;
    root.dataset.cdInit = '1';

    var el = {
      d: root.querySelector('[data-u="d"]'),
      h: root.querySelector('[data-u="h"]'),
      m: root.querySelector('[data-u="m"]'),
      s: root.querySelector('[data-u="s"]')
    };

    function tick() {
      var diff = TARGET - Date.now();
      if (diff <= 0) {
        root.classList.add('is-live');
        clearInterval(timer);
        return;
      }
      var t = Math.floor(diff / 1000);
      el.d.textContent = Math.floor(t / 86400);
      el.h.textContent = pad(Math.floor(t % 86400 / 3600));
      el.m.textContent = pad(Math.floor(t % 3600 / 60));
      el.s.textContent = pad(t % 60);
    }

    var timer = setInterval(tick, 1000);
    tick();
  }

  function findAll() {
    document.querySelectorAll('.mw4-cd').forEach(start);
  }

  // يشتغل سواء كان الكود في الهيدر أو الفوتر، ولو انضاف العداد للصفحة متأخر
  if (document.readyState === 'loading') {
    document.addEventListener('DOMContentLoaded', findAll);
  } else {
    findAll();
  }
  new MutationObserver(findAll).observe(document.documentElement, { childList: true, subtree: true });
})();


/* =====================================================================
   [02] RECENT PURCHASE / PROMO POPUP  (Arabic, RTL)
   Desktop: top-left, slides in from the left (TOP_OFFSET from top).
   Mobile (<=768px): bottom, above the nav bar.
   Real orders (last MAX_AGE_HOURS) show first; otherwise promos rotate
   in random order. Popup is clickable only when an item has a url.
   Closing it hides it for the rest of the session.
   ===================================================================== */
(function () {
  /* ---------- SETTINGS ---------- */

  // Real orders only, copied from your Salla orders page. Older than MAX_AGE_HOURS = hidden.
  var ORDERS = [
    // { product: "FC 27", city: "الرياض", time: "2026-09-25T12:40:00+03:00", img: "", url: "/fc-27" },
  ];

  // Products shown in random order when there are no recent real orders.
  // url = product link (Salla format "/-/p<product id>"). Empty = popup not clickable.
  // img = optional product image URL. Empty = emoji icon.
  var PROMOS = [
    { title: "FC 27 النسخة العادية – ستيم PC",   sub: "تسليم فوري بعد الدفع",       icon: "⚽", url: "/-/p312619489",  img: "" },
    { title: "FC 27 Ultimate Edition – ستيم PC", sub: "النسخة الكاملة بكل المزايا", icon: "⚽", url: "/-/p1979104365", img: "" },
    { title: "Discord Nitro – سنة كاملة",         sub: "اشتراك سنة وتفعيل سريع",     icon: "💬", url: "/-/p427747790",  img: "" },
    { title: "ديسكورد نيترو – 3 أشهر",            sub: "جرّب نيترو بسعر مناسب",      icon: "💬", url: "/-/p1827992557", img: "" },
    { title: "GTA 5 – النسختين على ستيم",         sub: "تسليم فوري بعد الدفع",       icon: "🚗", url: "/-/p827250982",  img: "" },
    { title: "Minecraft Java & Bedrock",          sub: "النسختين للبي سي",           icon: "⛏️", url: "/-/p1408116888", img: "" },
    { title: "Call of Duty: Modern Warfare 2019", sub: "كود 16 – ستيم PC",           icon: "🎯", url: "/-/p217702236",  img: "" },
    { title: "بلاك اوبس 7 – كود 22",              sub: "النسخة العادية – ستيم PC",   icon: "🎯", url: "/-/p631039131",  img: "" }
  ];

  var TOP_OFFSET    = 150;    // desktop: px from top (raise/lower to fit under the header)
  var MAX_AGE_HOURS = 48;
  var FIRST_DELAY   = 3000;
  var SHOW_FOR      = 6000;
  var GAP_MIN       = 18000;
  var GAP_MAX       = 35000;

  /* ------------------------------ */

  function start() {
    if (document.getElementById("lv-toast")) return;
    try { if (sessionStorage.getItem("lv-toast-off")) return; } catch (e) {}

    /* --- styles --- */
    var css = document.createElement("style");
    css.textContent =
      "#lv-toast{position:fixed;top:" + TOP_OFFSET + "px;left:20px;z-index:2147483647;direction:rtl;" +
      "font-family:inherit;display:flex;align-items:center;gap:12px;max-width:340px;" +
      "width:calc(100vw - 40px);background:#14141c;color:#fff;border:1px solid #2a2a38;" +
      "border-radius:14px;padding:12px 14px;box-shadow:0 10px 30px rgba(0,0,0,.35);" +
      "transform:translateX(-120%);opacity:0;transition:transform .45s cubic-bezier(.2,.8,.2,1),opacity .45s;" +
      "text-decoration:none!important;box-sizing:border-box}" +
      "#lv-toast.lv-show{transform:translate(0,0);opacity:1}" +
      "#lv-toast img,#lv-toast .lv-icon{width:52px;height:52px;border-radius:10px;flex-shrink:0;object-fit:cover}" +
      "#lv-toast .lv-icon{display:flex;align-items:center;justify-content:center;font-size:26px;" +
      "background:linear-gradient(135deg,#6c3bff,#00c2ff)}" +
      "#lv-toast .lv-body{flex:1;min-width:0;line-height:1.45;text-align:right}" +
      "#lv-toast .lv-title{font-size:14px;font-weight:700;color:#fff}" +
      "#lv-toast .lv-sub{font-size:12.5px;color:#b8b8c8}" +
      "#lv-toast .lv-time{font-size:11px;color:#7fe3a0;margin-top:2px}" +
      "#lv-toast .lv-close{position:absolute;top:6px;left:8px;background:none;border:0;color:#888;" +
      "font-size:16px;cursor:pointer;line-height:1;padding:2px}" +
      "@media(max-width:768px){#lv-toast{top:auto;bottom:100px;left:10px;width:calc(100vw - 20px);transform:translateY(200%)}" +
      "#lv-toast.lv-show{transform:translate(0,0)}}";
    document.head.appendChild(css);

    /* --- markup --- */
    var el = document.createElement("a");
    el.id = "lv-toast";
    el.href = "#";
    el.innerHTML =
      '<button class="lv-close" aria-label="إغلاق">×</button>' +
      '<div class="lv-media"></div>' +
      '<div class="lv-body"><div class="lv-title"></div><div class="lv-sub"></div><div class="lv-time"></div></div>';
    document.body.appendChild(el);

    function q(s) { return el.querySelector(s); }

    /* --- helpers --- */
    function timeAgo(t) {
      var m = Math.max(1, Math.round((Date.now() - t) / 60000));
      if (m < 60) return m === 1 ? "قبل دقيقة" : m === 2 ? "قبل دقيقتين" : m <= 10 ? "قبل " + m + " دقائق" : "قبل " + m + " دقيقة";
      var h = Math.round(m / 60);
      if (h < 24) return h === 1 ? "قبل ساعة" : h === 2 ? "قبل ساعتين" : h <= 10 ? "قبل " + h + " ساعات" : "قبل " + h + " ساعة";
      return "أمس";
    }

    function recentOrders() {
      var cutoff = Date.now() - MAX_AGE_HOURS * 3600000;
      return ORDERS.map(function (o) {
        return { product: o.product, city: o.city, img: o.img, url: o.url, t: new Date(o.time).getTime() };
      }).filter(function (o) {
        return !isNaN(o.t) && o.t >= cutoff && o.t <= Date.now();
      }).sort(function (a, b) { return b.t - a.t; });
    }

    /* --- rotation --- */
    var oi = 0, pi = 0, timer;

    // shuffle promos so the order is random on every page load
    for (var i = PROMOS.length - 1; i > 0; i--) {
      var j = Math.floor(Math.random() * (i + 1)), tmp = PROMOS[i]; PROMOS[i] = PROMOS[j]; PROMOS[j] = tmp;
    }

    function next() {
      var orders = recentOrders();
      if (orders.length) {
        var o = orders[oi++ % orders.length];
        return { title: "تم شراء " + o.product, sub: o.city ? "من " + o.city : "من متجر ليفان",
                 time: timeAgo(o.t), img: o.img, icon: "🛒", url: o.url || "#" };
      }
      if (!PROMOS.length) return null;
      var p = PROMOS[pi++ % PROMOS.length];
      return { title: p.title, sub: p.sub, time: "متوفر الآن", img: p.img, icon: p.icon || "🎮", url: p.url || "" };
    }

    function render(d) {
      q(".lv-media").innerHTML = d.img ? '<img src="' + d.img + '" alt="">' : '<div class="lv-icon">' + d.icon + "</div>";
      q(".lv-title").textContent = d.title;
      q(".lv-sub").textContent = d.sub;
      q(".lv-time").textContent = d.time;
      q(".lv-time").style.display = d.time ? "" : "none";
      if (d.url && d.url !== "#") { el.href = d.url; el.style.cursor = "pointer"; }
      else { el.removeAttribute("href"); el.style.cursor = "default"; }
    }

    function cycle() {
      var d = next();
      if (!d) return;
      render(d);
      el.classList.add("lv-show");
      timer = setTimeout(function () {
        el.classList.remove("lv-show");
        timer = setTimeout(cycle, GAP_MIN + Math.random() * (GAP_MAX - GAP_MIN));
      }, SHOW_FOR);
    }

    /* --- close button --- */
    q(".lv-close").addEventListener("click", function (e) {
      e.preventDefault(); e.stopPropagation();
      el.classList.remove("lv-show"); clearTimeout(timer);
      try { sessionStorage.setItem("lv-toast-off", "1"); } catch (err) {}
    });

    timer = setTimeout(cycle, FIRST_DELAY);
  }

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


/* =====================================================================
   [03] PRODUCT BADGE  (red pulsing pill above add-to-cart)
   Only shows on products where you add a marker in the description.
   Put ONE of these in the product description (HTML/source view):

     <div class="lv-badge-on">🔥 من الأكثر طلباً</div>
     <div id="lv-badge" data-text="⚡ تسليم فوري بعد الدفع"></div>

   Text priority: data-text  →  text inside the div  →  DEFAULT_TEXT.
   The marker itself is hidden, so it won't show twice in the description.
   ===================================================================== */
(function () {
  /* ---------- SETTINGS ---------- */
  var DEFAULT_TEXT       = "🔥 من الأكثر طلباً";
  var MARKER             = "#lv-badge, .lv-badge-on";
  var SHOW_INSIDE_MARKER = false;  // false = above add-to-cart; true = where the marker sits
  var PULSE              = true;   // pulsing red dot on the left of the text
  var ANCHORS = ["salla-add-product-button", "salla-product-options", ".product-form", ".price-wrapper", ".total-price"];
  /* ------------------------------ */

  function findAnchor() {
    for (var i = 0; i < ANCHORS.length; i++) {
      var a = document.querySelector(ANCHORS[i]);
      if (a && a.parentNode) return a;
    }
    return null;
  }

  function build(marker) {
    if (document.querySelector(".lv-badge")) return;

    var text = (marker.getAttribute("data-text") || marker.textContent || "").trim() || DEFAULT_TEXT;

    /* --- styles --- */
    var st = document.createElement("style");
    st.textContent =
      ".lv-badge{display:flex;width:fit-content;align-items:center;gap:8px;direction:rtl;font-size:14px;font-weight:600;" +
      "color:#b42318;background:#fef3f2;border:1px solid #fecdca;padding:8px 14px;border-radius:999px;margin:10px 0}" +
      ".lv-badge .lv-dot{width:8px;height:8px;border-radius:50%;background:#f04438;animation:lvPulse 1.4s infinite;flex:none}" +
      "@keyframes lvPulse{0%{box-shadow:0 0 0 0 rgba(240,68,56,.6)}70%{box-shadow:0 0 0 8px rgba(240,68,56,0)}100%{box-shadow:0 0 0 0 rgba(240,68,56,0)}}";
    document.head.appendChild(st);

    /* --- markup --- */
    var el = document.createElement("div");
    el.className = "lv-badge";
    el.innerHTML = (PULSE ? '<span class="lv-dot"></span>' : "") + "<span></span>";
    el.lastChild.textContent = text;

    /* --- placement --- */
    var anchor = SHOW_INSIDE_MARKER ? null : findAnchor();
    if (anchor) {
      anchor.parentNode.insertBefore(el, anchor);
      marker.style.display = "none";
    } else {
      marker.textContent = "";
      marker.style.display = "";
      marker.appendChild(el);
    }
  }

  // Only runs if a marker exists on the page (checks for ~5s since Salla loads late)
  function start() {
    var tries = 0;
    var t = setInterval(function () {
      var marker = document.querySelector(MARKER);
      if (marker) { clearInterval(t); build(marker); }
      else if (++tries > 25) clearInterval(t);
    }, 200);
  }

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


/* =====================================================================
   [--] TEMPLATE – copy below this line for the next block, rename to [04]
   ===================================================================== */
/*
(function () {
  // ---------- SETTINGS ----------

  // ------------------------------

  function start() {
    // your code
  }

  if (document.readyState === "loading") document.addEventListener("DOMContentLoaded", start);
  else start();
})();
*/