Acompanhantes Jardim Botânico em Porto Alegre

.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());