window.addEventListener("load", () => {
  const desiredTitles = [
    "ريد ماجيك",
    "قطع وصلات",
    "سكوربين و لي يونق",
    "حساسية ببجي",
    "سول ستريم",
    "الصوت و نقل الشاشة"
  ];

  const normalize = (str) => str.replace(/\s+/g, "").trim();

  const initTabs = () => {
    if (document.getElementById("btn-container")) return true;

    const allH2 = Array.from(document.querySelectorAll("h2"));
    if (!allH2.length) return false;

    const sections = [];

    desiredTitles.forEach((wantedTitle) => {
      const h2 = allH2.find((node) =>
        normalize(node.textContent).includes(normalize(wantedTitle))
      );
      if (!h2) return;

      const section =
        h2.closest(".s-block") ||
        h2.closest("section") ||
        h2.closest(".homepage-section") ||
        h2.closest("div");

      if (!section) return;

      if (sections.some((s) => s.el === section)) return;

      const display = window.getComputedStyle(section).display || "block";

      sections.push({
        title: h2.textContent.trim(),
        el: section,
        originalDisplay: display,
      });
    });

    if (sections.length < 2) return false;

    const btnWrapper = document.createElement("div");
    btnWrapper.id = "btn-container";
    btnWrapper.className = "btns-container";

    sections.forEach((sec, idx) => {
      const btn = document.createElement("button");
      btn.type = "button";
      btn.className = "tag-btn";
      btn.dataset.index = idx;
      btn.textContent = sec.title;
      btnWrapper.appendChild(btn);
    });

    const first = sections[0].el;
    first.parentNode.insertBefore(btnWrapper, first);

    const buttons = Array.from(btnWrapper.querySelectorAll("button"));

    const showOnly = (index) => {
      sections.forEach((sec, i) => {
        sec.el.style.display = i === index ? sec.originalDisplay : "none";
      });

      buttons.forEach((btn, i) => {
        btn.classList.toggle("active", i === index);
      });
    };

    showOnly(0);

    buttons.forEach((btn) => {
      btn.addEventListener("click", () => {
        const idx = parseInt(btn.dataset.index, 10);
        showOnly(idx);
      });
    });

    return true;
  };

  let tries = 0;
  const maxTries = 30;

  const timer = setInterval(() => {
    const ready = initTabs();
    tries++;
    if (ready || tries >= maxTries) clearInterval(timer);
  }, 200);
});



window.addEventListener("load", () => {
  const observer = new MutationObserver(() => {
    const submitWrap = document.querySelector(".cart-submit-wrap");
    if (!submitWrap) return;

    // منع التكرار
    if (document.querySelector("#agree-terms-checkbox")) return;

    const submitButton = submitWrap.querySelector("button.s-button-element");
    if (!submitButton) return;

    // إنشاء التشيك بوكس جنب كلمة "أوافق"
    const agreeContainer = document.createElement("div");
    agreeContainer.className = "agree-terms mt-4 text-sm da-tm";
    agreeContainer.innerHTML = `
      <label style="display:flex;align-items:center;gap:0.4rem;cursor:pointer;flex-wrap:wrap;line-height:1.6;">
        <input type="checkbox" id="agree-terms-checkbox" />
        <span>
          أوافق على 
          <a href="https://sul4hub.com/p/nypEN" target="_blank" rel="noopener" style="font-weight:bold;text-decoration:underline;color:#0066cc;">
            شروط وأحكام الشحن والتوصيل
          </a>
          و 
          <a href="https://sul4hub.com/p/gblZg" target="_blank" rel="noopener" style="font-weight:bold;text-decoration:underline;color:#0066cc;">
            الاستبدال والاسترجاع
          </a>
                    و 
          <a href="https://mtjr.at/5B84pC3wVO" target="_blank" rel="noopener" style="font-weight:bold;text-decoration:underline;color:#0066cc;">
            تنفيذ الخدمات
          </a>
        </span>
      </label>
      <div id="agree-terms-error" style="color:#d23;display:none;margin-top:0.4rem;font-size:0.92rem;">
        يجب الموافقة على الشروط والسياسات للاستمرار.
      </div>
    `;

    // أضف التشيك بوكس قبل زر الإتمام
    submitWrap.parentNode.insertBefore(agreeContainer, submitWrap);

    const checkbox = document.getElementById("agree-terms-checkbox");
    const errorEl = document.getElementById("agree-terms-error");

    // عطّل الزر في البداية
    submitButton.disabled = true;

    // حدث عند تغيير التشيك بوكس
    checkbox.addEventListener("change", () => {
      if (checkbox.checked) {
        submitButton.disabled = false;
        errorEl.style.display = "none";
      } else {
        submitButton.disabled = true;
      }
    });

    // تحقق إضافي عند الضغط
    submitButton.addEventListener("click", (ev) => {
      if (!checkbox.checked) {
        ev.preventDefault();
        errorEl.style.display = "block";
        checkbox.focus();
      }
    });
  });

  observer.observe(document.body, { childList: true, subtree: true });
});






document.addEventListener("DOMContentLoaded", function () {
  // استنى لما يتبني التشيك بوكس
  const observer = new MutationObserver(() => {
    const agreeBox = document.querySelector(".agree-terms"); // الحاوية اللي فيها التشيك بوكس

    if (agreeBox && !document.querySelector(".outside-ksa-note")) {
      const note = document.createElement("div");
      note.className = "outside-ksa-note mt-2 text-sm da-tm";
      note.style.cssText = "color:#b11;font-size:14px;margin-top:8px;margin-bottom:10px";
      note.textContent =
        "إذا كنت من الامارات أو اوربا إستخدم باى بال";

      // نضيف الرسالة بعد التشيك بوكس
      agreeBox.insertAdjacentElement("afterend", note);

      console.log("✅ تمت إضافة الرسالة بعد التشيك بوكس");
    }
  });

  observer.observe(document.body, { childList: true, subtree: true });
});