window.addEventListener('load', function () {

    // ================= UNIQUE ID AGAR TIDAK DOUBLE =================
    if (document.getElementById('scattervip-duplicate')) return;

    const scattervipDuplicate = `
    <div class="owl-item active scattervip-duplicate-item" style="width: 100.75px;" id="scattervip-duplicate">
        <div class="item">
            <a href="/game/pgr/3" class="nav-link scattervip-duplicate-link">
                <span class="label-new blink">EVENT</span>
                <i class="scatter-x500-duplicate" 
                   style="
                   background-position: center !important; 
                   background-image: url(https://cdn.wakanda123.cloud/button_icon_pp.gif); 
                   background-repeat: no-repeat; 
                   background-size: 100%; 
                   width:70px; 
                   height:60px">
                </i>
                <span class="blink">Pragmatic AI</span>
            </a>
        </div>
    </div>`;

    const checkExistDuplicate = setInterval(function () {

        // Target dibuat lebih spesifik supaya tidak bentrok
        const targetElement = document.querySelector(
            'div.owl-item.active .casino'
        )?.closest('.owl-item.active');

        if (targetElement && !document.getElementById('scattervip-duplicate')) {

            targetElement.insertAdjacentHTML('beforebegin', scattervipDuplicate);

            const owlStage = targetElement.closest('.owl-stage');
            if (owlStage && !owlStage.classList.contains('scattervip-width-set')) {
                owlStage.style.width = '9000px';
                owlStage.classList.add('scattervip-width-set');
            }

            clearInterval(checkExistDuplicate);
        }

    }, 100);

});