/* Add custom Js styles below */
(() => {
const BTN_ID = "btn-container";
const inject = () => {
// منع التكرار
if (document.getElementById(BTN_ID)) return;
// ✅ أول قسم featured-products في الصفحة
const firstFeatured = document.querySelector("section[id^='featured-products-']");
if (!firstFeatured) return;
const newElement = document.createElement("div");
newElement.innerHTML = `
`;
// ✅ إدراج القائمة فوق أول featured-products
firstFeatured.insertAdjacentElement("beforebegin", newElement);
const buttons = newElement.querySelectorAll("button");
const scrollToSection = (selector) => {
const target = document.querySelector(selector);
if (!target) return;
const headerOffset = 90;
const y = target.getBoundingClientRect().top + window.pageYOffset - headerOffset;
window.scrollTo({ top: y, behavior: "smooth" });
};
const setActiveAndLast = (btn) => {
buttons.forEach((b) => {
b.classList.remove("active", "last-clicked");
});
btn.classList.add("active", "last-clicked");
};
// ✅ تشغيل افتراضي (أول زر)
if (buttons[0]) setActiveAndLast(buttons[0]);
// ✅ ربط الضغط + active + last-clicked + سكرول
buttons.forEach((btn) => {
btn.addEventListener("click", () => {
setActiveAndLast(btn);
const sel = btn.dataset.scrollTo;
if (sel) scrollToSection(sel);
});
});
};
// تشغيل + مراقبة لأن الصفحة قد تحقن الأقسام بعدين
inject();
const obs = new MutationObserver(inject);
obs.observe(document.documentElement, { childList: true, subtree: true });
setTimeout(inject, 800);
setTimeout(inject, 2000);
setTimeout(inject, 4000);
})();
// اضافة ايقونة و رابط سيرفر الديسكورد
(function () {
const discordLink = "https://discord.com/invite/XrExDxsDfg";
function addDiscordIcon() {
const contactsList = document.querySelector(".s-contacts-list");
if (!contactsList) return;
// منع التكرار
if (document.querySelector(".discord-contact")) return;
const firstContact = contactsList.querySelector("[id='contact-slot']");
if (!firstContact) return;
const discordSlot = document.createElement("div");
discordSlot.className = "discord-contact";
discordSlot.innerHTML = `
سيرفر الديسكورد
`;
contactsList.insertBefore(discordSlot, firstContact);
}
// تشغيل فوري
addDiscordIcon();
// مراقبة تحميل عناصر سلة
const observer = new MutationObserver(addDiscordIcon);
observer.observe(document.body, { childList: true, subtree: true });
})();
// اضافة مربع الموافقة
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 = `
يجب الموافقة على الشروط والسياسات للاستمرار.
`;
// أضف التشيك بوكس قبل زر الإتمام
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 IMG_URL =
"https://cdn.files.salla.network/homepage/2046070828/8454c20f-ccc2-4398-8083-750240de9491.webp";
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 = `
margin-top:14px;
margin-bottom:14px;
display:flex;
justify-content:center;
align-items:center;
width:100%;
`;
const img = document.createElement("img");
img.src = IMG_URL;
img.alt = "PayPal note";
img.loading = "lazy";
img.decoding = "async";
// 🔹 حجم متجاوب
img.style.cssText = `
max-width:400px;
width:100%;
height:auto;
display:block;
object-fit:contain;
`;
note.appendChild(img);
// إضافة الصورة بعد التشيك بوكس
agreeBox.insertAdjacentElement("afterend", note);
console.log("✅ تمت إضافة الصورة بالمنتصف مع مسافات");
}
});
observer.observe(document.body, { childList: true, subtree: true });
});