/*
 * ====================================================================
 * Nfours - Category Filters Takeover Strategy (FINAL)
 * ====================================================================
 */

// --- 1. Yalla Ludo Page ---
const takeoverYallaLudoPage = () => {
    if (!window.location.pathname.includes('/yalla-ludo/c1191138901') || document.querySelector('.nfours-wrapper-ludo')) return;
    const productsListElement = document.querySelector('salla-products-list');
    if (!productsListElement) return;

    const masterWrapper = document.createElement('div');
    masterWrapper.className = 'nfours-wrapper-ludo';

    const filtersHTML = `
        <div class="nfours-filters-container">
            <a href="${salla.url.get('/yalla-ludo-gold/c1166442831')}" class="filter-btn">ذهــــب</a>
            <a href="${salla.url.get('/yalla-ludo-diamonds/c1632161609')}" class="filter-btn">ماس</a>
            <a href="${salla.url.get('/yalla-ludo-subscription/c857075274')}" class="filter-btn">لواء - فارس</a>
        </div>
    `;

    productsListElement.parentNode.insertBefore(masterWrapper, productsListElement);
    masterWrapper.insertAdjacentHTML('beforeend', filtersHTML);
    masterWrapper.appendChild(productsListElement);
};

// --- 2. iTunes Page ---
const takeoverITunesPage = () => {
    if (!window.location.pathname.includes('/itunes-cards/c1016050512') || document.querySelector('.nfours-wrapper-itunes')) return;
    const productsListElement = document.querySelector('salla-products-list');
    if (!productsListElement) return;

    const masterWrapper = document.createElement('div');
    masterWrapper.className = 'nfours-wrapper-itunes';

    const filtersHTML = `
        <div class="nfours-filters-container">
            <a href="${salla.url.get('/itunes-saudia/c1556602458')}" class="filter-btn">المتجر السعودي</a>
            <a href="${salla.url.get('/itunes-usa/c783088787')}" class="filter-btn">المتجر الامريكي</a>
        </div>
    `;

    productsListElement.parentNode.insertBefore(masterWrapper, productsListElement);
    masterWrapper.insertAdjacentHTML('beforeend', filtersHTML);
    masterWrapper.appendChild(productsListElement);
};

// --- 3. Razer Gold Page ---
const takeoverRazerGoldPage = () => {
    if (!window.location.pathname.includes('/razer-gold-cards/c1514753868') || document.querySelector('.nfours-wrapper-razer')) return;
    const productsListElement = document.querySelector('salla-products-list');
    if (!productsListElement) return;

    const masterWrapper = document.createElement('div');
    masterWrapper.className = 'nfours-wrapper-razer';

    const filtersHTML = `
        <div class="nfours-filters-container">
            <a href="${salla.url.get('/razer-gold-usa-cards/c534508883')}" class="filter-btn">أمريكي</a>
            <a href="${salla.url.get('/razer-gold-global-cards/c1772098652')}" class="filter-btn">عالمي</a>
        </div>
    `;

    productsListElement.parentNode.insertBefore(masterWrapper, productsListElement);
    masterWrapper.insertAdjacentHTML('beforeend', filtersHTML);
    masterWrapper.appendChild(productsListElement);
};


// --- The "Guardian" that runs all functions ---
const initializeAllNfoursFilters = () => {
    takeoverYallaLudoPage();
    takeoverITunesPage();
    takeoverRazerGoldPage();
};

// Run the guardian continuously to ensure the layout is always correct
setInterval(initializeAllNfoursFilters, 250);