/* Add custom Js code belo/* Add custom Js code below */
(function() {
document.addEventListener('click', function(event) {
var addToCartButton = event.target.closest('.add-single-product-section');
var isModalOpen = document.body.classList.contains('modal-is-open');

if (addToCartButton && !isModalOpen) {
// تأجيل النقل للسلة عشان نعطي فرصة أكبر لإتمام الإضافة
setTimeout(function() {
if (!document.body.classList.contains('modal-is-open')) {
window.location.href = '/cart';
}
}, 1000);
}
});
})();

document.addEventListener('DOMContentLoaded', function () {
document.querySelectorAll('a[data-fslightbox]').forEach(function (anchor) {
anchor.addEventListener('click', function (e) {
e.preventDefault();

var targetProductPage = '/%D9%85%D8%AC%D9%85%D9%88%D8%B9%D8%A9-%D8%B5%D8%B1%D8%A7%D8%B1-%D8%AD%D8%A7%D9%8A%D9%84/p707745061';

// استخدام replace بدل href
setTimeout(function () {
location.replace(targetProductPage);
}, 1); // خفّض التأخير أو ألغِه
});
});
});


document.addEventListener('DOMContentLoaded', function () {
document.querySelectorAll('a.banner--fixed').forEach(function (aTag) {
const img = aTag.querySelector('img');
if (img) {
const newImg = img.cloneNode(true);

// نضيف نفس الكلاسات اللي كانت على a إلى الصورة
newImg.classList.add(...aTag.classList);

aTag.replaceWith(newImg);
}
});
});

document.querySelectorAll('.cart-item p').forEach(function(p) {
if (p.textContent.includes('Weight') && p.textContent.includes('KG')) {
let span = p.querySelector('span');
if (span) {
let weightKg = parseFloat(span.textContent.replace('KG', '').trim());
if (!isNaN(weightKg)) {
let weightGrams = Math.round(weightKg * 1000);
span.textContent = `${weightGrams}g`;
}
}
}
});


document.addEventListener('DOMContentLoaded', async function () {
try {
const printBtn = document.querySelector('salla-button[onclick*="print/"]');
if (!printBtn) {
console.warn('زر الطباعة ما انوجد');
return;
}

const onclickAttr = printBtn.getAttribute('onclick');
const match = onclickAttr.match(/print\/(\d+)/);
if (!match) {
console.warn('ما قدر يستخرج رقم الطلب الداخلي من الرابط');
return;
}

const internalOrderId = match[1];
const printUrl = `/ar/print/${internalOrderId}`;
console.log('بيفتح صفحة الفاتورة:', printUrl);

const res = await fetch(printUrl);
const html = await res.text();
const doc = new DOMParser().parseFromString(html, 'text/html');

const heading = [...doc.querySelectorAll('h2')].find(h => h.textContent.includes('مصدرة إلى'));
if (!heading) {
console.warn('ما لقى عنوان مصدرة إلى');
return;
}

const listItems = heading.parentElement.querySelectorAll('ul > li');
const lines = Array.from(listItems).map(li => li.textContent.trim()).filter(Boolean);

const target = document.querySelector('.shipping-orders .flex.items-center span');
if (target && lines.length) {
const box = document.createElement('div');
box.style.marginTop = '10px';
box.style.fontSize = '13px';
box.style.color = '#444';
box.style.lineHeight = '1.8';
box.style.direction = 'rtl';
lines.forEach(line => {
const lineDiv = document.createElement('div');
lineDiv.textContent = line;
box.appendChild(lineDiv);
});
target.appendChild(box);
} else {
console.warn('ما حصل مكان لعرض العنوان');
}

} catch (err) {
console.error('فشل في جلب بيانات الشحن:', err);
}
});

window.addEventListener('load', () => {
document.getElementById("title-only-7").innerHTML += `
​
`;
});


document.addEventListener("DOMContentLoaded", function () {
const container = document.getElementById("title-only-6");
if (!container) return;

container.innerHTML = `
<div class="sf-testimonials-section">
<h2 class="sf-testimonials-title">طيب وش قالوا عن الصرار؟</h2>
<div class="sf-carousel-container">
<div class="sf-carousel-track" id="sf-carousel-track">
${generateSlide("طيف قالت:", "الطعم خيال يجنن إبداع و الله يوفقك يا رب 🤍")}
${generateSlide("لولي خالد قالت:", "اعجبني بصراحه اصرار ام بدر الله يعطيك العافيه على هذا المنتج")}
${generateSlide("أحمد البطاطي قال:", "للامانة وربي رهيييييييييييييب صرااااااااااحه ينأكل على اي وجبه سواء عشاء فطور غداء تقييمي للأمانه 10/10")}
${generateSlide("أسماء قالت:", "مره لزيزززززززززززز")}
${generateSlide("مريم عبدالله قالت:", "طلبته من قطر ووصلني خلال اسبوع لذييييذ اكيد راح اطلبه مرة ثانية")}
${generateSlide("فلاح السيف قال:", "ما شاء الله عليك يا أم بدر الطعم لذيذ و خاصتاً مع المقالي")}
${generateSlide("عائشة قالت:", "ريحته 🤪 وطعمه 🤪😋 يسّتّااااااااااااااااااااهل التجربه حرارته عاديه 😋🙂")}
${generateSlide("غازي سالم قال", "السلام عليكم الله يوفقكم ويرزقكم من واسع رزقه تعامل اكثر من رائع سرعة التواصل والتوصيل والأهم من الطعم المميز واللذيذ ربنا يوفقكم")}
${generateSlide("المنصوري قال:", "وصلني اليوم دمار شامل صرت هنقرستشن رايح هنقرستيشن جاي علشان اجربه مع فلفل ام بدر 😅😂😂")}
${generateSlide("تسنيم قالت:", "جربت صرار ام بدر مع الكبسه والله لذذذذذيذ لايفوتكم والتوصيل بلاش بعد")}
${generateSlide("عبدالله قال:", "جربه مع شواية الخليج وربي جامددد")}
${generateSlide("ابراهيم قال:", "بهارات حلوه ونكهه غريبه بس حلوووه")}
${generateSlide("امل قال:", "يمممي من زمان كان ودي اجربه 🤩")}
${generateSlide("إياد قال:", "اااافففضل صرار حايلي ، ادعم الصراحه 🤚🏻💘💘")}
${generateSlide("نوره قالت:", "الصرار لذيذذذذذذ")}
${generateSlide("روان قالت:", "جربته مع كبسة إلهام لذذذذذييذذذذ")}
${generateSlide("illi", "والله صرار حايل لذيذذذذ مره مررره ويطلع لذيذ بشكل شششيء")}
${generateSlide("محمد قال:", "الصرار فخممم")}
${generateSlide("غيم قالت:", "خييييالي اليوم وصلني ريحته تمووووت وتشهي ومو حاار 👍👍 نسبه حرارته 3 ٪!")}
${generateSlide("REKHAYES", "امس وصلني الصرار.. بصراحه صرار حايل ايام الزمن الزميل نظيف وطعم بالراس حتى اطفالي اعجبهم 😅")}
${generateSlide("شهد قالت:", "يووووه يا سااتر 🔥🔥 رشة صرار حايل والببسي بثلج احلى من كلمة احبك")} </div>

</div>
`;

function generateSlide(name, comment) {
return `
<div class="sf-carousel-slide">
<div class="sf-testimonial-box">
<p class="sf-name">${name}</p>
<p class="sf-comment">"${comment}"</p>
</div>
</div>
`;
}

// التحريك التلقائي
let index = 0;
const track = container.querySelector("#sf-carousel-track");
const totalSlides = track.children.length;

function getVisibleSlides() {
const width = window.innerWidth;
if (width >= 1024) return 3;
if (width >= 640) return 2;
return 1;
}

function moveCarousel() {
const visible = getVisibleSlides();
index = (index + 1) % Math.ceil(totalSlides / visible);
track.style.transform = `translateX(${index * 100}%)`;
}

let autoSlideInterval = setInterval(moveCarousel, 4000);
let autoSlidePaused = false;
let pauseTimeout;

function pauseAutoSlide() {
if (autoSlidePaused) return;
clearInterval(autoSlideInterval);
autoSlidePaused = true;
}

function resumeAutoSlideWithDelay() {
clearTimeout(pauseTimeout);
pauseTimeout = setTimeout(() => {
autoSlideInterval = setInterval(moveCarousel, 4000);
autoSlidePaused = false;
}, 2000);
}

// الأحداث للسحب / اللمس
const carouselContainer = container.querySelector(".sf-carousel-container");

carouselContainer.addEventListener("pointerdown", () => {
pauseAutoSlide();
});

carouselContainer.addEventListener("pointermove", () => {
pauseAutoSlide();
});

carouselContainer.addEventListener("pointerup", () => {
resumeAutoSlideWithDelay();
});

carouselContainer.addEventListener("touchstart", () => {
pauseAutoSlide();
});

carouselContainer.addEventListener("touchmove", () => {
pauseAutoSlide();
});

carouselContainer.addEventListener("touchend", () => {
resumeAutoSlideWithDelay();
});

// إعادة الضبط عند تغيير الحجم
window.addEventListener("resize", () => {
index = 0;
track.style.transform = `translateX(0%)`;
});

});

document.addEventListener("DOMContentLoaded", function () {
const section = document.getElementById("title-only-4");
if (!section) return;

const isIOS = /iPad|iPhone|iPod/.test(navigator.userAgent);

const phrases = [
"الطلبات فوق 90 ريال توصيل مجاني في السعودية",
"منتج عابر للقارات",
"يوصلك في أي مكان"
];

const svg = `
<svg width="30" height="31" viewBox="0 0 30 31" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M15.1641 1.42149C15.2109 1.44492 15.3047 1.98399 15.4453 2.9918C15.832 5.95664 16.1367 7.56211 16.5938 8.90977C17.2969 11.0074 18.3398 12.2613 20.0977 13.1285C21.5156 13.8316 23.4375 14.2652 27.2109 14.7574C28.7227 14.9684 28.8281 14.9918 28.8281 15.2027C28.8281 15.4137 28.7227 15.4488 27.6445 15.5777C21.9961 16.2926 19.8633 16.9605 18.3164 18.5074C16.8047 20.0191 16.1367 22.0934 15.4453 27.402C15.2461 28.9137 15.2227 29.0191 15.0117 29.0191C14.8008 29.0191 14.7656 28.9137 14.6016 27.6012C13.8984 22.1168 13.2305 20.0309 11.6953 18.5074C10.1484 16.9605 8.01563 16.2926 2.36719 15.5777C1.28906 15.4371 1.1836 15.402 1.1836 15.2027C1.1836 14.9918 1.28906 14.9684 2.80078 14.7691C5.73047 14.3941 7.30078 14.0777 8.61328 13.6559C10.7813 12.9527 12.0469 11.9215 12.9141 10.1754C13.6523 8.68711 14.0742 6.83555 14.6016 2.8043C14.7188 1.92539 14.8008 1.46836 14.8477 1.43321C14.9414 1.36289 15.0586 1.36289 15.1641 1.42149Z" fill="#FFFFFF"/>
</svg>`;

const item = phrases.map(txt => `<span class="sf-item">${txt}</span>${svg}`).join("");
const repeated = item.repeat(20);

// نستخدم نفس العنصر للجميع
section.innerHTML = `
<div class="${isIOS ? 'sf-scroll-container' : 'sf-loop-wrapper'}">
<div class="${isIOS ? 'sf-scroll-track' : 'sf-loop-track'}" id="sf-track">${repeated}</div>
</div>
`;

const track = document.getElementById("sf-track");

if (isIOS) {
// iOS: scrollLeft مع سحب يدوي
let speed = 1.5;
function loop() {
track.scrollLeft += speed;
if (track.scrollLeft >= track.scrollWidth / 2) {
track.scrollLeft = 0;
}
requestAnimationFrame(loop);
}
requestAnimationFrame(loop);
} else {
// سطح المكتب: translateX
let x = 0;
const speed = 1.3;
let width = 0;

setTimeout(() => {
width = track.offsetWidth / 2;
function animate() {
x -= speed;
if (Math.abs(x) >= width) x = 0;
track.style.transform = `translateX(${x}px)`;
requestAnimationFrame(animate);
}
requestAnimationFrame(animate);
}, 50);
}
});


document.addEventListener("DOMContentLoaded", function () {
const section = document.getElementById("title-only-5");
if (!section) return;

section.innerHTML = `
<div class="sf-carousel-title">
<h2></h2>
</div>

<div class="sf-carousel-wrapper">
<div class="sf-carousel" id="sf-carousel">
${generateVideo("1087442427", "44b42adeee")}
${generateVideo("1087442391", "24e92140e8")}
${generateVideo("1087442375", "9b727135ae")}
${generateVideo("1087442335", "dc7583fcf0")}
${generateVideo("1087442408", "01a50d637e")}
${generateVideo("1087442354", "ad9ad7907c")}
${generateVideo("1087442342", "9f2295d2e1")}
${generateVideo("1087442402", "a1ec002ec9")}
</div>
</div>

<script src="https://player.vimeo.com/api/player.js"></script>
`;

function generateVideo(videoId, hash) {
return `
<div class="sf-slide">
<div class="sf-video-container">
<div style="padding:177.78% 0 0 0;position:relative;">
<iframe src="https://player.vimeo.com/video/${videoId}?h=${hash}&amp;badge=0&amp;autopause=0&amp;player_id=0&amp;app_id=58479"
frameborder="0"
allow="autoplay; fullscreen; picture-in-picture; clipboard-write; encrypted-media"
style="position:absolute;top:0;left:0;width:100%;height:100%;"
title="Vimeo Video Player"></iframe>
</div>
</div>
</div>
`;
}
});

document.querySelectorAll('.store-footer p.text-gray-400').forEach(el => {
if (el.innerText.includes('Copyright')) {
el.innerHTML = el.innerHTML.replace('Copyright', 'Dhruwat Alsuud For Trading Company');
}
});

document.addEventListener("DOMContentLoaded", function () {
const target = document.getElementById("title-only-0");
if (target) {
target.innerHTML = `
<div class="om-ba1">
<div class="sf-omb-co">
<a href="/ar/علبة-صرار-حايل/p338094762">
<img class="sf-omb-banner" src="https://hzbr.sa/wp-content/uploads/2025/07/he-o1.svg" />
<div class="sf-omb-wrapper">
<div class="sf-omb-label">متوفر بس ما راح يطوّل!</div>
<img class="sf-omb-product" src="https://hzbr.sa/wp-content/uploads/2025/07/Artboard-13eee-copy1.png" alt="علب صرار حايل - صناعة سعودية">
</div>

<div class="sf-omb-buttons">
<div class="sf-omb-green sf-omb-button">شحن مجاني للطلبات فوق 90 <i class="sicon-sar"></i> بالسعودية</div>
<div class="sf-omb-gray sf-omb-button">ونشحن لكل الخليج</div>
</div>

<div class="sf-omb-price-section">
<span>علبة صرار حايل</span>
<span>20 <i class="sicon-sar"></i></span>
</div>

<div class="sf-omb-description">
<span>فيها 80 جرام</span>
<p>صرار حايل هو تركيبة جبارة من فلفل لا هو حار ولا هو بارد ومعه اشياء سرية تفجر حواسكم. وفرناها على طلبكم بالحبة بس ترا بتدمنها ما راح تكفيك.</p>
</div>
</a>
</div>
</div>
`;
}
});
​
​
document.addEventListener("DOMContentLoaded", function () {
const target = document.getElementById("title-only-2");
if (target) {
target.innerHTML = `

`;
}
});
​
document.addEventListener("DOMContentLoaded", function () {
const target = document.getElementById("title-only-7");
if (target) {
target.innerHTML = `
<div class="sf-om-container">
<div class="sf-om-text">
<p>قبل تفتحه لا تنسى</p>
<h1>ترجه زين</h1>
</div>
<div class="sf-om-gif">
<img class="sf-shake" src="https://hzbr.sa/wp-content/uploads/2025/07/srarhail1.png" />
</div>
</div>

<div class="sf-om-main-c">
<img src="https://hzbr.sa/wp-content/uploads/2025/07/001.png" />
<img src="https://hzbr.sa/wp-content/uploads/2025/07/003.png" />
<img src="https://hzbr.sa/wp-content/uploads/2025/07/004.png" />
<img src="https://hzbr.sa/wp-content/uploads/2025/07/005.png" />
</div>
`;
}
});/* Add custom Js code below */w */