document.addEventListener('DOMContentLoaded', () => {
    const targets = ['p1867492367', 'p1100496482', 'p1970649443', 'p71367265', 'p351640894'];
    
    if (targets.some(id => window.location.href.includes(id))) {
        const observer = new MutationObserver((_, obs) => {
            const wrapper = document.querySelector('.s-product-options-wrapper');
            if (wrapper) {
                obs.disconnect();

                // إضافة الستايل مرة واحدة
                if (!document.getElementById('ripple-style')) {
                    document.head.insertAdjacentHTML('beforeend', `
                        <style id="ripple-style">
                            @keyframes rippleAnim { 0% { transform: scale(1); opacity: 0.5; } 100% { transform: scale(3); opacity: 0; } }
                            .ripple-btn { display: flex; align-items: center; margin-top: 10px; color: #007bff; text-decoration: none; }
                            .ripple-dot { position: relative; display: inline-block; width: 14px; height: 14px; margin-left: 8px; border-radius: 50%; background: #0d6efd; }
                            .ripple-wave { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 50%; background: #0d6efd; animation: rippleAnim 1.5s infinite; }
                        </style>
                    `);
                }

                // إضافة العنصر
                wrapper.insertAdjacentHTML('beforeend', `
                    <a href="https://prem-box.com/ar/ipad/page-923892021" class="ripple-btn">
                        <span class="ripple-dot"><span class="ripple-wave"></span></span>
                        <span class="text-blu-400 text-sm p-1 text-decoration-underline">أضغط هنا لمعرفة نوع جهازك</span>
                    </a>
                `);
            }
        });
        observer.observe(document.body, { childList: true, subtree: true });
    }
});



document.addEventListener("DOMContentLoaded", async () => {
    const now = new Date();
    const hour = now.getHours(), minutes = now.getMinutes(), day = now.getDay();
    const excludedRanges = [{ from: "2026-03-18", to: "2026-03-21" }];

    // 1. جلب المدينة من التخزين أو الـ API
    let city = localStorage.getItem('user_city'); // هنا سيتم حفظها بالإنجليزية لضمان عمل الفلاتر
    if (!city) {
        try {
            const res = await fetch("https://ipwho.is/");
            const data = await res.json();
            // نعتمد القيمة الإنجليزية data.city للمقارنة البرمجية
            city = data.city || "Other"; 
            localStorage.setItem('user_city', city);
        } catch (e) { city = "Other"; }
    }

    // 2. حساب أيام التوصيل (المقارنة الآن صحيحة لأن النص إنجليزي)
    let deliveryDays = (/Riyadh|Cairo/i.test(city)) ? 0 : 2;
    if (hour >= 11) deliveryDays += 1;
    if (day === 4 && hour >= 11 && /Riyadh/i.test(city)) deliveryDays += 1;
    if (day === 5) deliveryDays += 1;

    let deliveryDate = new Date();
    deliveryDate.setDate(now.getDate() + deliveryDays);

    const isExcluded = (date) => {
        let fmt = date.toISOString().split('T')[0];
        return excludedRanges.some(r => fmt >= r.from && fmt <= r.to);
    };
    while (isExcluded(deliveryDate)) deliveryDate.setDate(deliveryDate.getDate() + 1);

    // 3. نصوص التاريخ والوقت (نصوصك الأصلية)
    const isToday = now.toDateString() === deliveryDate.toDateString();
    const isTomorrow = new Date(now.getTime() + 86400000).toDateString() === deliveryDate.toDateString();
    const dayDiff = Math.floor((deliveryDate - now) / 86400000);
    const weekdaysArabic = ["الأحد", "الاثنين", "الثلاثاء", "الأربعاء", "الخميس", "الجمعة", "السبت"];
    const monthsArabic = ["يناير", "فبراير", "مارس", "أبريل", "مايو", "يونيو", "يوليو", "أغسطس", "سبتمبر", "أكتوبر", "نوفمبر", "ديسمبر"];

    let deliveryText = isToday ? "اليوم" : isTomorrow ? "غدًا" : 
                       (dayDiff <= 6 ? weekdaysArabic[deliveryDate.getDay()] : 
                       `${weekdaysArabic[deliveryDate.getDay()]} ${deliveryDate.getDate()} ${monthsArabic[deliveryDate.getMonth()]}`);

    let remainingHours = (hour < 11) ? (10 - hour) : (24 - hour + 10);
    let remainingMinutes = 59 - minutes;
    let countdownText = (remainingHours > 0 && remainingMinutes > 0) ? `عند الطلب في غضون ${remainingHours} ساعة ${remainingMinutes} دقيقة` : 
                        (remainingHours > 0 ? `عند الطلب في غضون ${remainingHours} ساعة` : 
                        (remainingMinutes > 0 ? `عند الطلب في غضون ${remainingMinutes} دقيقة` : ""));

    // 4. وظيفة الحقن (UI)
    const createUI = (selector, isCart = false) => {
        const target = document.querySelector(selector);
        if (!target) return;
        const html = `
            <div class="details shpr" style="font-size: 14px; font-weight: bold; padding: 10px; border-radius: 5px; display: flex; align-items: center; gap: 10px; background: linear-gradient(45deg, #edae6b00, #cb75e859); ${isCart ? 'margin: 0px 0px 10px 0px;' : ''}">
                <img src="https://cdn.salla.sa/oNQR/UnkJ9QCVbTKmdb4yweIS6aasfoVR1J674pAN08F4.gif" style="height: 36px;">
                <div class="da-tm">
                    <strong> يوصلك ${deliveryText}</strong><br>
                    ${countdownText ? `<span style="font-size: 13px;">${countdownText}</span>` : ""}
                </div>
            </div>`;
        isCart ? target.insertAdjacentHTML('beforebegin', html) : target.insertAdjacentHTML('afterend', html);
    };

    createUI(".product__description");
    createUI(".totals-div.shadow-custom", true);
});
 
 
 
 
 document.addEventListener('DOMContentLoaded', () => {
    const outOfStockRegex = /([\-—]\s*(نفدت الكمية|Out of Stock).*)$/i;

    document.querySelectorAll('.s-product-options-option-content select').forEach(select => {
        const wrapper = select.closest('.s-product-options-option-content');
        if (!wrapper || !select.name) return;

        // إضافة النص التوضيحي والحاوية
        wrapper.insertAdjacentHTML('beforeend', `
            <div class="custom-option-note">* قد يدعم الخيار أكثر من جهاز</div>
            <div class="custom-radio-buttons-container"></div>
        `);
        const container = wrapper.lastElementChild;

        Array.from(select.options).forEach((opt, i) => {
            if (!opt.value || opt.disabled) return;

            const match = opt.textContent.match(outOfStockRegex);
            const cleanText = opt.textContent.replace(outOfStockRegex, '').trim();
            const id = `opt_${select.name.replace(/\W/g, '')}_${i}`;
            const isOutOfStock = !!match;

            // بناء العناصر وحقنها
            const html = `
                <input type="radio" id="${id}" name="${select.name}_custom" value="${opt.value}" 
                       class="custom-radio-input" ${opt.value === select.value ? 'checked' : ''}>
                <label for="${id}" class="custom-radio-label ${isOutOfStock ? 'out-of-stock-button' : ''}">
                    <div class="inner-boxes-wrapper">
                        ${cleanText.split('/').map(p => `<span class="inner-box-item">${p.trim()}</span>`).join('')}
                    </div>
                    ${isOutOfStock ? `<span class="out-of-stock-indicator-text">${match[0].trim()}</span>` : ''}
                </label>`;
            
            container.insertAdjacentHTML('beforeend', html);

            // ربط الحدث لتغيير الـ select الأصلي
            container.querySelector(`#${id}`).addEventListener('change', e => {
                select.value = e.target.value;
                select.dispatchEvent(new Event('change', { bubbles: true }));
            });
        });

        select.style.display = 'none';
    });
});



// for Digital Cards - Hide delivery time & Add Instant Delivery Text
// for Digital Cards - Hide delivery time & Add Instant Delivery Text
document.addEventListener('DOMContentLoaded', () => {
    const cat = document.querySelector('meta[property="product:category"]')?.content;
    if (cat !== 'البطاقات الرقمية' && cat !== 'Digital Cards') return;

    const run = () => {
        // 1. إخفاء العناصر غير المرغوب فيها (بما فيها وقت التوصيل السابق وأدوات التقسيط)
        ['salla-installment', 'tamara-widget', 'tabby-promo-widget', '#tabbyPromoWrapper', '.details.shpr'].forEach(s => {
            const el = document.querySelector(s);
            if (el) el.style.setProperty('display', 'none', 'important');
        });

        // 2. إضافة نص التسليم الفوري باللون الأخضر الأصلي
        const target = document.querySelector('.product__description');
        if (target && !document.querySelector('.instant-delivery-box')) {
            const html = `
                <div class="instant-delivery-box" style="font-size: 14px; font-weight: bold; padding: 10px; border-radius: 5px; display: flex; align-items: center; gap: 10px; background: linear-gradient(45deg, #4caf5026, #81c7843d); margin-bottom: 10px; border: 1px solid #4caf505e;">
                    <img src="https://cdn.salla.sa/oNQR/UnkJ9QCVbTKmdb4yweIS6aasfoVR1J674pAN08F4.gif" style="height: 36px;">
                    <div>
                        <strong style="color: #2e7d32;">تسليم فوري وآلي</strong><br>
                        <span style="font-size: 12px; font-weight: normal; color: #444;">يصلك كود البطاقة خلال ثواني من الدفع</span>
                    </div>
                </div>`;
            target.insertAdjacentHTML('afterend', html);
        }
    };

    run();
    const obs = new MutationObserver(run);
    obs.observe(document.body, { childList: true, subtree: true });
    // التوقف بعد 5 ثوانٍ لضمان استقرار الصفحة
    setTimeout(() => obs.disconnect(), 5000);
});





// استهداف الصور داخل حاوية الشعار
const logos = document.querySelectorAll('.ps-logo img');

logos.forEach(logo => {
    logo.src = "https://cdn.salla.sa/oNQR/LlczKQdEULiC9tPWL87FxNTQHXvufzNYuooTlfNl.gif";
    // تحديث srcset أيضاً لضمان عدم تحميل الصورة القديمة في الشاشات المختلفة
    logo.srcset = "https://cdn.salla.sa/oNQR/LlczKQdEULiC9tPWL87FxNTQHXvufzNYuooTlfNl.gif";
});