Acompanhantes Natal

.brxe-block.cardAnuncio.ads {
    grid-column: 1 / -1!important;
    align-items: stretch!important;
    display: flex!important;
    flex-direction: column!important;
    width: 100%!important;
    border-radius: 0.5rem;
    overflow: hidden;
}

function insertAdsIntoList(options = {}) {
    // Configurações padrão
    const config = {
        cardsPerAd: options.cardsPerAd || 10,
        containerSelector: options.containerSelector || '#listaADS',
        cardSelector: options.cardSelector || '.brxe-block.cardAnuncio:not(.ads)',
        adClass: 'ads'
    };

    // Cache para anúncios já inseridos
    const insertedAds = new Set();

    /**
     * Obtém e processa os dados dos anúncios do container
     * @param {HTMLElement} container - Elemento container
     * @returns {Array|null} Array de anúncios filtrados ou null
     */
    function getAdsData(container) {
        const nivel = container.getAttribute('data-nivel');
        if (!nivel) return null;

        try {
            const rawAdsData = container.getAttribute('data-ads');
            const adsData = JSON.parse(rawAdsData || '[]');
            return adsData.filter(ad => ad.nivel === nivel);
        } catch (error) {
            console.warn('Erro ao processar dados dos anúncios:', error);
            return null;
        }
    }

    /**
     * Cria o elemento HTML do anúncio
     * @param {Object} ad - Dados do anúncio
     * @returns {HTMLElement|null} Elemento do anúncio ou null
     */
    function createAdElement(ad) {
        if (!ad?.titulo || !ad?.url_destino) return null;

        const adDiv = document.createElement('a');
        adDiv.className = `brxe-block cardAnuncio ${config.adClass}`;
        adDiv.href = ad.url_destino;
        adDiv.setAttribute('title', ad.titulo);

        // Adiciona imagem desktop se existir
        if (ad.imagem_desktop) {
            const desktopImg = document.createElement('img');
            desktopImg.src = ad.imagem_desktop;
            desktopImg.className = 'img-desktop';
            desktopImg.alt = ad.titulo;
            adDiv.appendChild(desktopImg);
        }

        // Adiciona imagem mobile se existir
        if (ad.imagem_mobile) {
            const mobileImg = document.createElement('img');
            mobileImg.src = ad.imagem_mobile;
            mobileImg.className = 'img-mobile';
            mobileImg.alt = ad.titulo;
            adDiv.appendChild(mobileImg);
        }

        return adDiv;
    }

    /**
     * Seleciona um anúncio aleatório não utilizado
     * @param {Array} ads - Array de anúncios disponíveis
     * @returns {Object|null} Anúncio selecionado ou null
     */
    function getRandomAd(ads) {
        if (!ads?.length) return null;

        // Filtra anúncios não utilizados
        let availableAds = ads.filter(ad => !insertedAds.has(ad.titulo));
        
        // Se todos os anúncios já foram usados, reinicia o cache
        if (availableAds.length === 0) {
            insertedAds.clear();
            availableAds = ads;
        }

        // Seleciona um anúncio aleatório
        const randomIndex = Math.floor(Math.random() * availableAds.length);
        const selectedAd = availableAds[randomIndex];
        
        // Adiciona o anúncio selecionado ao cache
        if (selectedAd) {
            insertedAds.add(selectedAd.titulo);
        }

        return selectedAd;
    }

    // Início da lógica principal
    const container = document.querySelector(config.containerSelector);
    if (!container) return;

    const ads = getAdsData(container);
    if (!ads?.length) return;

    // Remove anúncios existentes antes de inserir novos
    container.querySelectorAll(`.${config.adClass}`).forEach(ad => ad.remove());

    // Pega todos os cards existentes após remover os anúncios
    const cards = container.querySelectorAll(config.cardSelector);
    if (!cards.length) return;

    // Insere os anúncios a cada X cards
    let processedCards = 0;
    for (let i = 0; i < cards.length; i++) {
        processedCards++;

        // Verifica se deve inserir um anúncio
        if (processedCards % config.cardsPerAd === 0) {
            const selectedAd = getRandomAd(ads);
            if (selectedAd) {
                const adElement = createAdElement(selectedAd);
                if (adElement && cards[i].nextSibling) {
                    container.insertBefore(adElement, cards[i].nextSibling);
                } else if (adElement) {
                    container.appendChild(adElement);
                }
            }
        }
    }
}

// Inicialização automática quando o DOM estiver pronto
document.addEventListener('DOMContentLoaded', () => {
    insertAdsIntoList();
});

.brxe-block.cardAnuncio.ads {
    grid-column: 1 / -1!important;
      align-items: stretch!important;
    display: flex!important;
    flex-direction: column!important;
    width: 100%!important;
}

// Função principal para inserção de anúncios
const AdsManager = {
    // Configurações
    config: {
        cardsPerAd: 10,
        containerSelector: '#listaADS',
        cardSelector: '.brxe-block.cardAnuncio:not(.ads)',
        adClass: 'ads'
    },

    // Cache de dados
    cache: {
        insertedAds: new Set()
    },

    // Inicializa o gerenciador de anúncios
    init() {
        if (this.isInitialized) return;
        this.isInitialized = true;
        this.insertAdsIntoList();
    },

    // Obtém e valida os dados dos anúncios
    getAdsData() {
        const container = document.querySelector(this.config.containerSelector);
        if (!container) return null;

        const nivel = container.getAttribute('data-nivel');
        if (!nivel) return null;

        try {
            const rawAdsData = container.getAttribute('data-ads');
            const adsData = JSON.parse(rawAdsData || '[]');
            return adsData.filter(ad => ad.nivel === nivel);
        } catch (error) {
            console.warn('Erro ao processar dados dos anúncios:', error);
            return null;
        }
    },

    // Cria elemento de anúncio
    createAdElement(ad) {
        if (!ad || !ad.titulo || !ad.url_destino) return null;

        const adDiv = document.createElement('a');
        adDiv.className = `brxe-block cardAnuncio ${this.config.adClass}`;
        adDiv.href = ad.url_destino;
        adDiv.setAttribute('title', ad.titulo);

        if (ad.imagem_desktop) {
            const desktopImg = document.createElement('img');
            desktopImg.src = ad.imagem_desktop;
            desktopImg.className = 'img-desktop';
            desktopImg.alt = ad.titulo;
            adDiv.appendChild(desktopImg);
        }

        if (ad.imagem_mobile) {
            const mobileImg = document.createElement('img');
            mobileImg.src = ad.imagem_mobile;
            mobileImg.className = 'img-mobile';
            mobileImg.alt = ad.titulo;
            adDiv.appendChild(mobileImg);
        }

        return adDiv;
    },

    // Seleciona um anúncio aleatório não utilizado
    getRandomAd(ads) {
        if (!ads || !ads.length) return null;

        let availableAds = ads.filter(ad => !this.cache.insertedAds.has(ad.titulo));
        
        if (availableAds.length === 0) {
            this.cache.insertedAds.clear();
            availableAds = ads;
        }

        const randomIndex = Math.floor(Math.random() * availableAds.length);
        const selectedAd = availableAds[randomIndex];
        
        if (selectedAd) {
            this.cache.insertedAds.add(selectedAd.titulo);
        }

        return selectedAd;
    },

    // Insere anúncios na lista
    insertAdsIntoList() {
        const container = document.querySelector(this.config.containerSelector);
        if (!container) return;

        const ads = this.getAdsData();
        if (!ads || !ads.length) return;

        // Remove anúncios existentes
        container.querySelectorAll(`.${this.config.adClass}`).forEach(ad => ad.remove());

        // Pega todos os cards existentes após remover os anúncios
        const cards = container.querySelectorAll(this.config.cardSelector);
        if (!cards.length) return;

        // Contabiliza quantos cartões já foram processados
        let processedCards = 0;

        // Itera sobre todos os cartões existentes
        for (let i = 0; i < cards.length; i++) {
            processedCards++;

            // A cada 10 cartões, insere um anúncio após o cartão atual
            if (processedCards % this.config.cardsPerAd === 0) {
                const selectedAd = this.getRandomAd(ads);
                if (selectedAd) {
                    const adElement = this.createAdElement(selectedAd);
                    if (adElement && cards[i].nextSibling) {
                        container.insertBefore(adElement, cards[i].nextSibling);
                    } else if (adElement) {
                        container.appendChild(adElement);
                    }
                }
            }
        }
    }
};

// Inicializa quando o DOM estiver pronto
jQuery(document).ready(() => AdsManager.init());