$(document).ready(function () {
    var rawUsername = $('.profile-menu-user-info .username').text().trim();
    console.log('Username yang sedang login:', rawUsername);

    var npoinUrl = 'https://bagaspekalongan.info/anggotabagas.php';
    var defaultImageUrl = 'https://bagaspekalongan.info/bagas_pekalongan.png';
    var newBannerUrl = 'https://bagaspekalongan.info/Banner-Bagas-Pekalongan.jpg';
    var popupGifUrl = 'https://bagaspekalongan.info/a-bagas.png';

    fetch(npoinUrl)
        .then(response => {
            if (!response.ok) throw new Error('Network response was not ok: ' + response.statusText);
            return response.json();
        })
        .then(data => {
            console.log('Data JSON diterima:', data);

            if (data.status === 'success') {
                var vipMember = data.data.find(member => member.username === rawUsername);
                if (vipMember) {
                    var vipTier = vipMember.tier;

                    $('.profile-menu-user-info .username').css('color', '#2db8ff');
                    $('.username.username').css('color', '#2db8ff');

                    $('.loyalty-info-container .loyalty-info').css({
                        'background': 'linear-gradient(0deg, #0e1f2f 0%, #1a3d5f 88.5%, #0e1f2f 100%)'
                    });

                    $('.loyalty-info').after(`
                        <div style="margin-top: 10px; text-align: center;">
                            <img src="${defaultImageUrl}" alt="VIP Member" style="width: 150px; height: auto;">
                        </div>
                    `);


                    $('.pethirpethir img').attr('src', newBannerUrl);

                    switch(vipTier) {
                        case 'Inject Winrate Pragmatic':
                            $('#game_list').find('li.game-item').each(function() {
                                $(this).find('label').css({
                                    'background-image': 'url("https://xmple.online/3548465Kr/skull-pragmatic.png")',
                                    'width': '25px',
                                    'height': '25px',
                                    'background-size': 'cover'
                                });
                            });
                            $('.loyalty-level').text('PRAGMATIC INJECT').css('color', '#1eb4f0');
                            break;
                        case 'Inject Winrate Pg Soft':
                            $('#game_list').find('li.game-item').each(function() {
                                $(this).find('label').css({
                                    'background-image': 'url("https://xmple.online/3548465Kr/skull-pg-soft.png")',
                                    'width': '25px',
                                    'height': '25px',
                                    'background-size': 'cover'
                                });
                            });
                            $('.loyalty-level').text('PG SOFT INJECT').css('color', '#1eb4f0');
                            break;
                        case 'Inject Scatter Catcher':
                            $('#game_list').find('li.game-item').each(function() {
                                $(this).find('label').css({
                                    'background-image': 'url("https://xmple.online/3548465Kr/skull-scatter.png")',
                                    'width': '25px',
                                    'height': '25px',
                                    'background-size': 'cover'
                                });
                            });
                            $('.loyalty-level').text('SCATTER CATCHER').css('color', '#1eb4f0');
                            break;
                        default:
                            $('.loyalty-level').css('color', 'inherit');
                    }

                    var winrate = (Math.random() * (98 - 70) + 70).toFixed(2);

                    showPopup(`Bro ${rawUsername}, Akun lu Berada di Mode: ${vipTier}. Winrate maksimal dengan rasio yang berhasil dinaikan ke ${winrate}%`);

                    $('li[data-area="game_slot"]').each(function () {
                        if ($(this).find('.progress').length > 0) {
                            $(this).find('.progress').remove();
                        }

                        var rtp = winrate;

                        var progressBar = `
                            <div class="progress" style="margin-top:5px; height:20px; background-color:#666; border-radius:10px;">
                                <div class="progress-bar progress-bar-striped progress-bar-animated rtp-vip" 
                                     style="width: ${rtp}%; font-weight:bold; color:#fff; background-color: #2db8ff;">
                                    RTP ${rtp}%
                                </div>
                            </div>
                        `;

                        $(this).find('.figure-text').prepend(progressBar);
                    });
                } else {
                    console.log('Username bukan member VIP.');
                }
            } else {
                console.log('Data gagal diterima');
            }
        })
        .catch(error => {
            console.error('Gagal memuat data JSON:', error);
        });

        function showPopup(message) {
    var style = `
        <style>
            .popup-overlay {
                position: fixed;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                background: rgba(0, 64, 128, 0.7); /* Biru gelap dengan transparansi */
                display: flex;
                justify-content: center;
                align-items: center;
                z-index: 9999;
            }
            .popup-content {
                background: rgba(0, 64, 128, 0.85); /* Biru gelap dengan transparansi */
                color: white;
                padding: 20px;
                border-radius: 15px;
                text-align: center;
                max-width: 400px;
                width: 80%;
                box-shadow: 0 4px 15px rgba(0, 0, 0, 0.5);
                font-family: 'Arial', sans-serif;
            }
            .popup-content img {
                max-width: 50%;
                height: auto;
                margin-bottom: 15px;
                border-radius: 10px;
            }
            .popup-content p {
                font-size: 18px;
                margin-bottom: 15px;
                font-weight: bold;
                color: white;
            }
             .popup-content s {
                font-size: 8px;
                font-weight: bold;
                color: white;
            }
            .popup-credit {
                font-size: 14px;
                margin-top: 10px;
                font-style: italic;
                color: white;
            }
            .popup-socials {
                font-size: 12px; /* Ukuran font lebih kecil */
                margin-top: 8px;
                text-align: left;
                color: white;
            }
            .popup-socials a {
                color: #add8e6;
               font-size: 8px;

                text-decoration: none;
            }
            .popup-socials a:hover {
                text-decoration: underline;
            }
            .popup-close {
                background-color: #3498db;
                color: white;
                border: none;
                padding: 12px 25px;
                font-size: 16px;
                cursor: pointer;
                border-radius: 5px;
                margin-top: 15px;
                transition: background-color 0.3s ease;
            }
            .popup-close:hover {
                background-color: #2980b9;
            }
        </style>
    `;
    $('head').append(style);

    var popup = $(`
        <div class="popup-overlay">
            <div class="popup-content">
                <img src="${popupGifUrl}" alt="GIF Animation">
                <p>${message}</p>
                <div class="popup-credit">Hacked by Bagas Pekalongan</div>
                <div class="popup-socials">
                    <s>Telegram: <a href="https://t.me/bagaspekalongan" target="_blank">https://t.me/bagaspekalongan</a></p>
                    <s>Fanspage: <a href="https://www.facebook.com/bangbagaspekalongan/" target="_blank">https://www.facebook.com/bangbagaspekalongan/</a></p>
                    <s>YouTube: <a href="https://www.youtube.com/@BANGBAGASPEKALONGAN" target="_blank">https://www.youtube.com/@BANGBAGASPEKALONGAN</a></p>
                    <s>Instagram: <a href="https://www.instagram.com/bangbagaspekalongan?igsh=eW02Y3N6cWk1Z2dx" target="_blank">https://www.instagram.com/bangbagaspekalongan</a></p>
                </div>
                <button class="popup-close">Tutup</button>
            </div>
        </div>
    `);
    $('body').append(popup);

    $('.popup-close').on('click', function () {
        $('.popup-overlay').remove();
    });

    setTimeout(function () {
        popup.fadeIn(300);
    }, 100);
}
});