@php
    $popupData = popup(); 
@endphp

@if(!empty($popupData))
    {{-- Kita bungkus dengan div id khusus agar mudah dikontrol via JS --}}
    <div id="g8-popup-wrapper" style="display: none;">
        <div id="popup_overlay" style="position: fixed; z-index: 99998; top: 0px; left: 0px; width: 100vw; height: 100vh; opacity: 0.6;"></div>
        
        <div id="popup_container" class="alert alert-danger" style="position: fixed; z-index: 99999; padding: 15px; margin: 0px; top: 50%; left: 50%; transform: translate(-50%, -50%); max-width: 90%; max-height: 90vh; overflow-y: auto; border-radius: 8px;">
          <h4 id="popup_title"></h4>
          <div id="popup_content" class="alert home-popup" style="margin-bottom: 0;">
            <div id="popup_message">
              
              <div style="text-align:center">
                <strong style="font-size:x-large">
                  <span>INFORMASI PENTING</span>
                </strong>
              </div>
              <div style="text-align:center">
                <div><strong><br></strong></div>
                <div><strong>Kami Sarankan Untuk Seluruh Member Setia {{ general()->brand }}</strong></div>
                <div><strong>Agar Men-Download Aplikasi {{ general()->brand }} Dan Menyimpan Nomor Whatsapp Kami</strong></div>
                <div><strong>Supaya Jika Mengalami Kendala Atau Kesulitan Akses Dapat Kami Bantu Secepat Mungkin</strong></div>
                <div><br></div>
                <div><strong>Link Download App Klik Di Sini : <a href="https://www.tsduvaay.store/d.html?a=mtr" >APP {{ general()->brand }}</a></strong></div>
                <h2>
                  <a href="https://heylink.me/LOGIN{{ general()->brand }}/">JOIN GROUP KOMUNITAS {{ general()->brand }}</a>
                </h2>
                <div><strong>Join Group Komunitas {{ general()->brand }} &amp; Claim Berbagai Macam Event Menarik Yang Tersedia</strong></div>
                <div><strong>Event Scatter | Freespin | Garansi Kekalahan Everyday &amp; Masih Banyak Lagi Event Menarik Lainnya</strong></div>
                <div><strong>Link Join Group : <a href="https://lit.link/en/{{ general()->brand }}" >GRUP KOMUNITAS {{ general()->brand }}</a></strong></div>
                <div>
                  <strong>
                    <h3><strong>TERIMA KASIH</strong></h3>
                  </strong>
                </div>
              </div>

            </div>
            
            <div id="popup_panel" style="text-align: center; margin-top: 15px;">
              <input type="button" value="OK" id="popup_ok" class="btn btn-default" style="cursor:pointer; padding: 8px 30px; color: #fff; border: none; border-radius: 4px;">
            </div>
          </div>
        </div>
    </div>

    @push('scripts')
    <script type="text/javascript">
        $(document).ready(function() {
            // Cek apakah player sudah pernah melihat popup di sesi ini
            let hasSeenPopup = sessionStorage.getItem('mantra_popup_seen');

            if (!hasSeenPopup) {
                // Jika belum pernah lihat, munculkan popupnya
                $('#g8-popup-wrapper').fadeIn(300);
            }

            // Fungsi untuk menutup dan menandai sudah dilihat
            function closeAndSave() {
                $('#g8-popup-wrapper').fadeOut(300);
                // Simpan tanda di session browser agar tidak muncul lagi
                sessionStorage.setItem('mantra_popup_seen', 'true');
            }

            $('#popup_ok').on('click', function() {
                closeAndSave();
            });

            $('#popup_overlay').on('click', function() {
                closeAndSave();
            });
        });
    </script>
    @endpush

@endif