@extends('layout.mobile.main')
 @section('mobile')
     @if (Auth::check())
         @include('layout.mobile.index_auth')
     @else
         <div class="announcement-container">
             <div data-section="date">
                 <i data-icon="news"
                     style="--image-src: url(https://d2rzzcn1jnr24x.cloudfront.net/Images/nexus-beta/dark-green/mobile/home/news.svg?v=20241025);"></i>
             </div>
             <div data-section="announcements">
                 <div id="ER_1720862066402">
                     <div class="tickercontainer">
                         <div class="mask">
                             <ul class="announcement-list newsticker" id="announcement_list"
                                 style="width: 4125px; left: -1250.58px;">
                                 <li class="tick-clones">Pemeliharaan Terjadwal: Crowd Play pada 2023-11-30 dari 7.00 AM
                                     sampai
                                     2025-06-02 6.30 PM (GMT + 7). Selama waktu ini, Crowd Play permainan tidak akan
                                     tersedia.
                                     Kami memohon maaf atas ketidaknyamanan yang mungkin ditimbulkan.</li>
                                 <li>Selamat Datang di {{ $setting->web }} - Situs Judi Online Terbesar &amp; Terpercaya
                                     Indonesia.</li>
                                 <li>Link anti NAWALA ( Internet Sehat ) https://bit.ly/{{ $setting->web }}</li>
                                 <li>Pemeliharaan Terjadwal: Crowd Play pada 2023-11-30 dari 7.00 AM sampai 2025-06-02 6.
                                     PM
                                     (GMT + 7). Selama waktu ini, Crowd Play permainan tidak akan tersedia. Kami memohon
                                     maaf
                                     atas ketidaknyamanan yang mungkin ditimbulkan.</li>
                                 <li class="tick-clones">Selamat Datang di {{ $setting->web }} - Situs Judi Online Terbesar
                                     &amp; Terpercaya
                                     Indonesia.</li>
                                 <li class="tick-clones">Link anti NAWALA ( Internet Sehat )
                                     https://bit.ly/{{ $setting->web }}
                                 </li>
                             </ul>
                         </div>
                     </div>
                 </div>
             </div>
         </div>

         <div class="banner">
             <div id="banner_carousel" class="banner-carousel">
                 @foreach ($banner as $banners)
                     <div class="">
                         <a href="/promotion" target="_blank">
                             <img alt="RAJA SLOT INDONESIA" height="600" loading="lazy"
                                 src="{{ asset('storage/' . $banners->img) }}" title="{{ $banners->title }}"
                                 width="1920" />
                         </a>
                     </div>
                 @endforeach
             </div>
         </div>
         <script type="text/javascript">
             $(document).ready(function() {
                 $('#banner_carousel').slick({
                     autoplay: true,
                     autoplaySpeed: 3000,
                     dots: true,
                     arrows: true,
                     infinite: true,
                     speed: 500,
                     fade: true,
                     cssEase: 'linear'
                 });
             });
             
         </script>
            <div data-section="jackpot">
                <a title="Lihat Pemenang" href="/mobile/slots/pragmatic?PromotionCategory=Jackpot+Play+Games">
                <div class="home-progressive-jackpot">
                    <div class="jackpot-play-section">
                        <div>
                            <picture><source srcset="//d2rzzcn1jnr24x.cloudfront.net/Images/nexus-beta/dark-green/mobile/jackpot/jackpot-play-logo-v2.webp?v=20240923" type="image/webp" /><source srcset="//d2rzzcn1jnr24x.cloudfront.net/Images/nexus-beta/dark-green/mobile/jackpot/jackpot-play-logo-v2.png?v=20240923" type="image/png" /><img alt="Jackpot Play" height="56" loading="lazy" src="//d2rzzcn1jnr24x.cloudfront.net/Images/nexus-beta/dark-green/mobile/jackpot/jackpot-play-logo-v2.png?v=20240923" width="250" /></picture>
                            <div class="jackpot-play-text">Jackpot <label>Play</label></div>
                        </div>
                    </div>
                    <div class="jackpot-container">
                        <div class="jackpot-inner-container">
                            <div class="jackpot-border-container">
                                <span class="jackpot-currency">IDR</span>
                                <span id="progressive_jackpot" data-progressive-jackpot-url="https://jp-api.namesvr.dev"></span>
                            </div>
                        </div>
                    </div>
                </div>
            </a>
            </div>

         <script>
             let jackpotValue = localStorage.getItem('jackpotValue');

             if (!jackpotValue) {
                 jackpotValue = 9378170590;
             } else {
                 jackpotValue = parseInt(jackpotValue);
             }

             function updateJackpotDisplay() {
                 const formattedJackpotValue = jackpotValue.toLocaleString('en-US');
                 document.getElementById('progressive_jackpot_mobile').textContent = formattedJackpotValue;
             }
             updateJackpotDisplay();
             setInterval(() => {
                 const increment = 10;
                 jackpotValue += increment;

                 localStorage.setItem('jackpotValue', jackpotValue);

                 updateJackpotDisplay();
             }, 1000);
         </script>
          <div class="main-menu-outer-container" id="main_menu_outer_container">
             <i class="fas fa-chevron-left left_trigger"></i>
             <main>
                 <a href="/slots">
                     <img alt="Hot Games" height="25" loading="lazy"
                         src="https://d2rzzcn1jnr24x.cloudfront.net/Images/nexus-beta/dark-green/mobile/menu/hot-games.svg?v=20241025"
                         style="--image-src: url(https://d2rzzcn1jnr24x.cloudfront.net/Images/nexus-beta/dark-green/mobile/menu/hot-games-active.svg?v=20241025);"
                         width="25" />
                     Hot Games
                 </a>
                 <a href="/slots">
                     <img alt="Slots" height="25" loading="lazy"
                         src="https://d2rzzcn1jnr24x.cloudfront.net/Images/nexus-beta/dark-green/mobile/menu/slots.svg?v=20241025"
                         style="--image-src: url(https://d2rzzcn1jnr24x.cloudfront.net/Images/nexus-beta/dark-green/mobile/menu/slots-active.svg?v=20241025);"
                         width="25" />
                     Slots
                 </a>
                 <a href="/casino">
                     <img alt="Live Casino" height="25" loading="lazy"
                         src="https://d2rzzcn1jnr24x.cloudfront.net/Images/nexus-beta/dark-green/mobile/menu/casino.svg?v=20241025"
                         style="--image-src: url(https://d2rzzcn1jnr24x.cloudfront.net/Images/nexus-beta/dark-green/mobile/menu/casino-active.svg?v=20241025);"
                         width="25" />
                     Live Casino
                 </a>
                 <a href="/sports">
                     <img alt="Olahraga" height="25" loading="lazy"
                         src="https://d2rzzcn1jnr24x.cloudfront.net/Images/nexus-beta/dark-green/mobile/menu/sports.svg?v=20241025"
                         style="--image-src: url(https://d2rzzcn1jnr24x.cloudfront.net/Images/nexus-beta/dark-green/mobile/menu/sports-active.svg?v=20241025);"
                         width="25" />
                     Olahraga
                 </a>
                 <a href="/arcade">
                     <img alt="Arcade" height="25" loading="lazy"
                         src="https://d2rzzcn1jnr24x.cloudfront.net/Images/nexus-beta/dark-green/mobile/menu/arcade.svg?v=20241025"
                         style="--image-src: url(https://d2rzzcn1jnr24x.cloudfront.net/Images/nexus-beta/dark-green/mobile/menu/arcade-active.svg?v=20241025);"
                         width="25" />
                     Arcade
                 </a>
                 <a href="/poker">
                     <img alt="Poker" height="25" loading="lazy"
                         src="https://d2rzzcn1jnr24x.cloudfront.net/Images/nexus-beta/dark-green/mobile/menu/poker.svg?v=20241025"
                         style="--image-src: url(https://d2rzzcn1jnr24x.cloudfront.net/Images/nexus-beta/dark-green/mobile/menu/poker-active.svg?v=20241025);"
                         width="25" />
                     Poker
                 </a>
                 <a href="/cockfight">
                     <img alt="Sabung Ayam" height="25" loading="lazy"
                         src="https://d2rzzcn1jnr24x.cloudfront.net/Images/nexus-beta/dark-green/mobile/menu/cockfight.svg?v=20241025"
                         style="--image-src: url(https://d2rzzcn1jnr24x.cloudfront.net/Images/nexus-beta/dark-green/mobile/menu/cockfight-active.svg?v=20241025);"
                         width="25" />
                     Sabung Ayam
                 </a>
             </main>
             <i class="fas fa-chevron-right right_trigger"></i>
         </div>

         <div id="menu_preview_container" class="menu-preview-container">
             <div class="game-list-container" data-game-category="Unknown">
                 <div class="game-list"></div>
             </div>
             <div class="game-list-container" data-game-category="Slots">
                 <div class="game-list"></div>
             </div>
             <div class="game-list-container" data-game-category="Casino">
                 <div class="game-list"></div>
             </div>
             <div class="game-list-container" data-game-category="Sports">
                 <div class="game-list"></div>
             </div>
             <div class="game-list-container" data-game-category="CrashGame">
                 <div class="game-list"></div>
             </div>
             <div class="game-list-container" data-game-category="Arcade">
                 <div class="game-list"></div>
             </div>
             <div class="game-list-container" data-game-category="Poker">
                 <div class="game-list"></div>
             </div>
             <div class="game-list-container" data-game-category="Cockfight">
                 <div class="game-list"></div>
             </div>
         </div>

         <div class="popular-game-title-container">
     <div class="title">
         <i data-icon="popular-games"
             style="--image-src: url(https://d2rzzcn1jnr24x.cloudfront.net/Images/nexus-beta/dark-green/mobile/layout/popular-games.png?v=20241025);"></i>
         Game Populer
     </div>
 </div>
<div class="bigger-game-list popular-game-container" id="popular_game_container">
    <i class="left-chevron left_trigger" style="--image-src: url(//dsuown9evwz4y.cloudfront.net/Images/icons/chevron-down.svg?v=20241103-1);"></i>
    <div class="game-list">
            <ul>
                <li class="game_item" data-game="Mahjong Wins 3 – Black Scatter">
                    <label class="inner-game-item">
                        <input type="radio" name="game-list-radio-button">
                        <span class="wrapper-container">
                            <picture><source srcset="//dsuown9evwz4y.cloudfront.net/Images/providers/PP/vswaysmahwblck.webp?v=20241103-1" type="image/webp"><source srcset="//dsuown9evwz4y.cloudfront.net/Images/providers/PP/vswaysmahwblck.jpg?v=20241103-1" type="image/jpeg"><img alt="Mahjong Wins 3 – Black Scatter" height="100" loading="lazy" src="//dsuown9evwz4y.cloudfront.net/Images/providers/PP/vswaysmahwblck.jpg?v=20241103-1" width="100"></picture>
                            <span class="link-container">
                                <a href="javascript:openNewTab('/login', 'Slots')" class="play-now" data-game="Mahjong Wins 3 – Black Scatter">
                                    MAIN
                                </a>
                            </span>
                        </span>
                        <span class="game-name">Mahjong Wins 3 – Black Scatter</span>
                    </label>
                </li>
                    <li class="game_item" data-game="Mahjong Ways">
                        <label class="inner-game-item">
                            <input type="radio" name="game-list-radio-button">
                            <span class="wrapper-container">
                                <picture><source srcset="//dsuown9evwz4y.cloudfront.net/Images/providers/PGSOFT/mahjong-ways.webp?v=20241103-1" type="image/webp"><source srcset="//dsuown9evwz4y.cloudfront.net/Images/providers/PGSOFT/mahjong-ways.jpg?v=20241103-1" type="image/jpeg"><img alt="Mahjong Ways" height="100" loading="lazy" src="//dsuown9evwz4y.cloudfront.net/Images/providers/PGSOFT/mahjong-ways.jpg?v=20241103-1" width="100"></picture>
                                <span class="link-container">
                                    <a href="javascript:openNewTab('/login', 'Slots')" class="play-now" data-game="Mahjong Ways">
                                        MAIN
                                    </a>
                                </span>
                            </span>
                            <span class="game-name">Mahjong Ways</span>
                        </label>
                    </li>
            </ul>
            <ul>
                <li class="game_item" data-game="Gates of Olympus™">
                    <label class="inner-game-item">
                        <input type="radio" name="game-list-radio-button">
                        <span class="wrapper-container">
                            <picture><source srcset="//dsuown9evwz4y.cloudfront.net/Images/providers/PP/vs20olympgate.webp?v=20241103-1" type="image/webp"><source srcset="//dsuown9evwz4y.cloudfront.net/Images/providers/PP/vs20olympgate.jpg?v=20241103-1" type="image/jpeg"><img alt="Gates of Olympus™" height="100" loading="lazy" src="//dsuown9evwz4y.cloudfront.net/Images/providers/PP/vs20olympgate.jpg?v=20241103-1" width="100"></picture>
                            <span class="link-container">
                                <a href="javascript:openNewTab('/login', 'Slots')" class="play-now" data-game="Gates of Olympus™">
                                    MAIN
                                </a>
                            </span>
                        </span>
                        <span class="game-name">Gates of Olympus™</span>
                    </label>
                </li>
                    <li class="game_item" data-game="Jajanan Pasar">
                        <label class="inner-game-item">
                            <input type="radio" name="game-list-radio-button">
                            <span class="wrapper-container">
                                <picture><source srcset="//dsuown9evwz4y.cloudfront.net/Images/providers/PP/vs20fruitjpas.webp?v=20241103-1" type="image/webp"><source srcset="//dsuown9evwz4y.cloudfront.net/Images/providers/PP/vs20fruitjpas.jpg?v=20241103-1" type="image/jpeg"><img alt="Jajanan Pasar" height="100" loading="lazy" src="//dsuown9evwz4y.cloudfront.net/Images/providers/PP/vs20fruitjpas.jpg?v=20241103-1" width="100"></picture>
                                <span class="link-container">
                                    <a href="javascript:openNewTab('/login', 'Slots')" class="play-now" data-game="Jajanan Pasar">
                                        MAIN
                                    </a>
                                </span>
                            </span>
                            <span class="game-name">Jajanan Pasar</span>
                        </label>
                    </li>
            </ul>
            <ul>
                <li class="game_item" data-game="Le Pharaoh">
                    <label class="inner-game-item">
                        <input type="radio" name="game-list-radio-button">
                        <span class="wrapper-container">
                            <picture><source srcset="//dsuown9evwz4y.cloudfront.net/Images/providers/HACKSAW/HACKSAW_1562.webp?v=20241103-1" type="image/webp"><source srcset="//dsuown9evwz4y.cloudfront.net/Images/providers/HACKSAW/HACKSAW_1562.jpg?v=20241103-1" type="image/jpeg"><img alt="Le Pharaoh" height="100" loading="lazy" src="//dsuown9evwz4y.cloudfront.net/Images/providers/HACKSAW/HACKSAW_1562.jpg?v=20241103-1" width="100"></picture>
                            <span class="link-container">
                                <a href="javascript:openNewTab('/login', 'Slots')" class="play-now" data-game="Le Pharaoh">
                                    MAIN
                                </a>
                            </span>
                        </span>
                        <span class="game-name">Le Pharaoh</span>
                    </label>
                </li>
                    <li class="game_item" data-game="Aztec Gems">
                        <label class="inner-game-item">
                            <input type="radio" name="game-list-radio-button">
                            <span class="wrapper-container">
                                <picture><source srcset="//dsuown9evwz4y.cloudfront.net/Images/providers/PP/vs5aztecgems.webp?v=20241103-1" type="image/webp"><source srcset="//dsuown9evwz4y.cloudfront.net/Images/providers/PP/vs5aztecgems.jpg?v=20241103-1" type="image/jpeg"><img alt="Aztec Gems" height="100" loading="lazy" src="//dsuown9evwz4y.cloudfront.net/Images/providers/PP/vs5aztecgems.jpg?v=20241103-1" width="100"></picture>
                                <span class="link-container">
                                    <a href="javascript:openNewTab('/login', 'Slots')" class="play-now" data-game="Aztec Gems">
                                        MAIN
                                    </a>
                                </span>
                            </span>
                            <span class="game-name">Aztec Gems</span>
                        </label>
                    </li>
            </ul>
            <ul>
                <li class="game_item" data-game="SixSixSix">
                    <label class="inner-game-item">
                        <input type="radio" name="game-list-radio-button">
                        <span class="wrapper-container">
                            <picture><source srcset="//dsuown9evwz4y.cloudfront.net/Images/providers/HACKSAW/HACKSAW_1534.webp?v=20241103-1" type="image/webp"><source srcset="//dsuown9evwz4y.cloudfront.net/Images/providers/HACKSAW/HACKSAW_1534.jpg?v=20241103-1" type="image/jpeg"><img alt="SixSixSix" height="100" loading="lazy" src="//dsuown9evwz4y.cloudfront.net/Images/providers/HACKSAW/HACKSAW_1534.jpg?v=20241103-1" width="100"></picture>
                            <span class="link-container">
                                <a href="javascript:openNewTab('/login', 'Slots')" class="play-now" data-game="SixSixSix">
                                    MAIN
                                </a>
                            </span>
                        </span>
                        <span class="game-name">SixSixSix</span>
                    </label>
                </li>
                    <li class="game_item" data-game="Way of Ninja">
                        <label class="inner-game-item">
                            <input type="radio" name="game-list-radio-button">
                            <span class="wrapper-container">
                                <picture><source srcset="//dsuown9evwz4y.cloudfront.net/Images/providers/PP/vs20olympnin.webp?v=20241103-1" type="image/webp"><source srcset="//dsuown9evwz4y.cloudfront.net/Images/providers/PP/vs20olympnin.jpg?v=20241103-1" type="image/jpeg"><img alt="Way of Ninja" height="100" loading="lazy" src="//dsuown9evwz4y.cloudfront.net/Images/providers/PP/vs20olympnin.jpg?v=20241103-1" width="100"></picture>
                                <span class="link-container">
                                    <a href="javascript:openNewTab('/login', 'Slots')" class="play-now" data-game="Way of Ninja">
                                        MAIN
                                    </a>
                                </span>
                            </span>
                            <span class="game-name">Way of Ninja</span>
                        </label>
                    </li>
            </ul>
            <ul>
                <li class="game_item" data-game="Mahjong Wins 2">
                    <label class="inner-game-item">
                        <input type="radio" name="game-list-radio-button">
                        <span class="wrapper-container">
                            <picture><source srcset="//dsuown9evwz4y.cloudfront.net/Images/providers/PP/vswaysmahwin2.webp?v=20241103-1" type="image/webp"><source srcset="//dsuown9evwz4y.cloudfront.net/Images/providers/PP/vswaysmahwin2.jpg?v=20241103-1" type="image/jpeg"><img alt="Mahjong Wins 2" height="100" loading="lazy" src="//dsuown9evwz4y.cloudfront.net/Images/providers/PP/vswaysmahwin2.jpg?v=20241103-1" width="100"></picture>
                            <span class="link-container">
                                <a href="javascript:openNewTab('/login', 'Slots')" class="play-now" data-game="Mahjong Wins 2">
                                    MAIN
                                </a>
                            </span>
                        </span>
                        <span class="game-name">Mahjong Wins 2</span>
                    </label>
                </li>
                    <li class="game_item" data-game="Mahjong Ways 2">
                        <label class="inner-game-item">
                            <input type="radio" name="game-list-radio-button">
                            <span class="wrapper-container">
                                <picture><source srcset="//dsuown9evwz4y.cloudfront.net/Images/providers/PGSOFT/mahjong-ways2.webp?v=20241103-1" type="image/webp"><source srcset="//dsuown9evwz4y.cloudfront.net/Images/providers/PGSOFT/mahjong-ways2.jpg?v=20241103-1" type="image/jpeg"><img alt="Mahjong Ways 2" height="100" loading="lazy" src="//dsuown9evwz4y.cloudfront.net/Images/providers/PGSOFT/mahjong-ways2.jpg?v=20241103-1" width="100"></picture>
                                <span class="link-container">
                                    <a href="javascript:openNewTab('/login', 'Slots')" class="play-now" data-game="Mahjong Ways 2">
                                        MAIN
                                    </a>
                                </span>
                            </span>
                            <span class="game-name">Mahjong Ways 2</span>
                        </label>
                    </li>
            </ul>
            <ul>
                <li class="game_item" data-game="Slot88 Olympus 1000">
                    <label class="inner-game-item">
                        <input type="radio" name="game-list-radio-button">
                        <span class="wrapper-container">
                            <picture><source srcset="//dsuown9evwz4y.cloudfront.net/Images/providers/PP/vs20gateslots88.webp?v=20241103-1" type="image/webp"><source srcset="//dsuown9evwz4y.cloudfront.net/Images/providers/PP/vs20gateslots88.jpg?v=20241103-1" type="image/jpeg"><img alt="Slot88 Olympus 1000" height="100" loading="lazy" src="//dsuown9evwz4y.cloudfront.net/Images/providers/PP/vs20gateslots88.jpg?v=20241103-1" width="100"></picture>
                            <span class="link-container">
                                <a href="javascript:openNewTab('/login', 'Slots')" class="play-now" data-game="Slot88 Olympus 1000">
                                    MAIN
                                </a>
                            </span>
                        </span>
                        <span class="game-name">Slot88 Olympus 1000</span>
                    </label>
                </li>
                    <li class="game_item" data-game="Wild Bounty Showdown">
                        <label class="inner-game-item">
                            <input type="radio" name="game-list-radio-button">
                            <span class="wrapper-container">
                                <picture><source srcset="//dsuown9evwz4y.cloudfront.net/Images/providers/PGSOFT/PGSOFT_135.webp?v=20241103-1" type="image/webp"><source srcset="//dsuown9evwz4y.cloudfront.net/Images/providers/PGSOFT/PGSOFT_135.jpg?v=20241103-1" type="image/jpeg"><img alt="Wild Bounty Showdown" height="100" loading="lazy" src="//dsuown9evwz4y.cloudfront.net/Images/providers/PGSOFT/PGSOFT_135.jpg?v=20241103-1" width="100"></picture>
                                <span class="link-container">
                                    <a href="javascript:openNewTab('/login', 'Slots')" class="play-now" data-game="Wild Bounty Showdown">
                                        MAIN
                                    </a>
                                </span>
                            </span>
                            <span class="game-name">Wild Bounty Showdown</span>
                        </label>
                    </li>
            </ul>
            <ul>
                <li class="game_item" data-game="Lucky Twins Nexus">
                    <label class="inner-game-item">
                        <input type="radio" name="game-list-radio-button">
                        <span class="wrapper-container">
                            <picture><source srcset="//dsuown9evwz4y.cloudfront.net/Images/providers/MICROGAMING/SMG_luckyTwinsNexus.webp?v=20241103-1" type="image/webp"><source srcset="//dsuown9evwz4y.cloudfront.net/Images/providers/MICROGAMING/SMG_luckyTwinsNexus.jpg?v=20241103-1" type="image/jpeg"><img alt="Lucky Twins Nexus" height="100" loading="lazy" src="//dsuown9evwz4y.cloudfront.net/Images/providers/MICROGAMING/SMG_luckyTwinsNexus.jpg?v=20241103-1" width="100"></picture>
                            <span class="link-container">
                                <a href="javascript:openNewTab('/dispatch/game/MICROGAMING/Mobile/SMG_luckyTwinsNexus', 'Slots')" class="play-now" data-game="Lucky Twins Nexus">
                                    MAIN
                                </a>
                            </span>
                        </span>
                        <span class="game-name">Lucky Twins Nexus</span>
                    </label>
                </li>
                    <li class="game_item" data-game="Nexus Koi Gate">
                        <label class="inner-game-item">
                            <input type="radio" name="game-list-radio-button">
                            <span class="wrapper-container">
                                <picture><source srcset="//dsuown9evwz4y.cloudfront.net/Images/providers/HABANERO/SGNexusKoiGate.webp?v=20241103-1" type="image/webp"><source srcset="//dsuown9evwz4y.cloudfront.net/Images/providers/HABANERO/SGNexusKoiGate.jpg?v=20241103-1" type="image/jpeg"><img alt="Nexus Koi Gate" height="100" loading="lazy" src="//dsuown9evwz4y.cloudfront.net/Images/providers/HABANERO/SGNexusKoiGate.jpg?v=20241103-1" width="100"></picture>
                                <span class="link-container">
                                    <a href="javascript:openNewTab('/login', 'Slots')" class="play-now" data-game="Nexus Koi Gate">
                                        MAIN
                                    </a>
                                </span>
                            </span>
                            <span class="game-name">Nexus Koi Gate</span>
                        </label>
                    </li>
            </ul>
            <ul>
                <li class="game_item" data-game="The Crypt">
                    <label class="inner-game-item">
                        <input type="radio" name="game-list-radio-button">
                        <span class="wrapper-container">
                            <picture><source srcset="//dsuown9evwz4y.cloudfront.net/Images/providers/NOLIMITCITY/thecrypt00000000.webp?v=20241103-1" type="image/webp"><source srcset="//dsuown9evwz4y.cloudfront.net/Images/providers/NOLIMITCITY/thecrypt00000000.jpg?v=20241103-1" type="image/jpeg"><img alt="The Crypt" height="100" loading="lazy" src="//dsuown9evwz4y.cloudfront.net/Images/providers/NOLIMITCITY/thecrypt00000000.jpg?v=20241103-1" width="100"></picture>
                            <span class="link-container">
                                <a href="javascript:openNewTab('/login', 'Slots')" class="play-now" data-game="The Crypt">
                                    MAIN
                                </a>
                            </span>
                        </span>
                        <span class="game-name">The Crypt</span>
                    </label>
                </li>
                    <li class="game_item" data-game="Lucky Twins Power Clusters">
                        <label class="inner-game-item">
                            <input type="radio" name="game-list-radio-button">
                            <span class="wrapper-container">
                                <picture><source srcset="//dsuown9evwz4y.cloudfront.net/Images/providers/MICROGAMING/SMG_luckyTwinsPowerClusters.webp?v=20241103-1" type="image/webp"><source srcset="//dsuown9evwz4y.cloudfront.net/Images/providers/MICROGAMING/SMG_luckyTwinsPowerClusters.jpg?v=20241103-1" type="image/jpeg"><img alt="Lucky Twins Power Clusters" height="100" loading="lazy" src="//dsuown9evwz4y.cloudfront.net/Images/providers/MICROGAMING/SMG_luckyTwinsPowerClusters.jpg?v=20241103-1" width="100"></picture>
                                <span class="link-container">
                                    <a href="javascript:openNewTab('/login', 'Slots')" class="play-now" data-game="Lucky Twins Power Clusters">
                                        MAIN
                                    </a>
                                </span>
                            </span>
                            <span class="game-name">Lucky Twins Power Clusters</span>
                        </label>
                    </li>
            </ul>
            <ul>
                <li class="game_item" data-game="Mental">
                    <label class="inner-game-item">
                        <input type="radio" name="game-list-radio-button">
                        <span class="wrapper-container">
                            <picture><source srcset="//dsuown9evwz4y.cloudfront.net/Images/providers/NOLIMITCITY/mental0000000000.webp?v=20241103-1" type="image/webp"><source srcset="//dsuown9evwz4y.cloudfront.net/Images/providers/NOLIMITCITY/mental0000000000.jpg?v=20241103-1" type="image/jpeg"><img alt="Mental" height="100" loading="lazy" src="//dsuown9evwz4y.cloudfront.net/Images/providers/NOLIMITCITY/mental0000000000.jpg?v=20241103-1" width="100"></picture>
                            <span class="link-container">
                                <a href="javascript:openNewTab('/login', 'Slots')" class="play-now" data-game="Mental">
                                    MAIN
                                </a>
                            </span>
                        </span>
                        <span class="game-name">Mental</span>
                    </label>
                </li>
                    <li class="game_item" data-game="Fortune Gems 2">
                        <label class="inner-game-item">
                            <input type="radio" name="game-list-radio-button">
                            <span class="wrapper-container">
                                <picture><source srcset="//dsuown9evwz4y.cloudfront.net/Images/providers/JILI/JILI_223.webp?v=20241103-1" type="image/webp"><source srcset="//dsuown9evwz4y.cloudfront.net/Images/providers/JILI/JILI_223.jpg?v=20241103-1" type="image/jpeg"><img alt="Fortune Gems 2" height="100" loading="lazy" src="//dsuown9evwz4y.cloudfront.net/Images/providers/JILI/JILI_223.jpg?v=20241103-1" width="100"></picture>
                                <span class="link-container">
                                    <a href="javascript:openNewTab('/login', 'Slots')" class="play-now" data-game="Fortune Gems 2">
                                        MAIN
                                    </a>
                                </span>
                            </span>
                            <span class="game-name">Fortune Gems 2</span>
                        </label>
                    </li>
            </ul>
            <ul>
                <li class="game_item" data-game="Hot Hot Nexus">
                    <label class="inner-game-item">
                        <input type="radio" name="game-list-radio-button">
                        <span class="wrapper-container">
                            <picture><source srcset="//dsuown9evwz4y.cloudfront.net/Images/providers/HABANERO/SGHotHotNexus.webp?v=20241103-1" type="image/webp"><source srcset="//dsuown9evwz4y.cloudfront.net/Images/providers/HABANERO/SGHotHotNexus.jpg?v=20241103-1" type="image/jpeg"><img alt="Hot Hot Nexus" height="100" loading="lazy" src="//dsuown9evwz4y.cloudfront.net/Images/providers/HABANERO/SGHotHotNexus.jpg?v=20241103-1" width="100"></picture>
                            <span class="link-container">
                                <a href="javascript:openNewTab('/login', 'Slots')" class="play-now" data-game="Hot Hot Nexus">
                                    MAIN
                                </a>
                            </span>
                        </span>
                        <span class="game-name">Hot Hot Nexus</span>
                    </label>
                </li>
                    <li class="game_item" data-game="Fortune Gems">
                        <label class="inner-game-item">
                            <input type="radio" name="game-list-radio-button">
                            <span class="wrapper-container">
                                <picture><source srcset="//dsuown9evwz4y.cloudfront.net/Images/providers/JILI/JILI_109.webp?v=20241103-1" type="image/webp"><source srcset="//dsuown9evwz4y.cloudfront.net/Images/providers/JILI/JILI_109.jpg?v=20241103-1" type="image/jpeg"><img alt="Fortune Gems" height="100" loading="lazy" src="//dsuown9evwz4y.cloudfront.net/Images/providers/JILI/JILI_109.jpg?v=20241103-1" width="100"></picture>
                                <span class="link-container">
                                    <a href="javascript:openNewTab('/login', 'Slots')" class="play-now" data-game="Fortune Gems">
                                        MAIN
                                    </a>
                                </span>
                            </span>
                            <span class="game-name">Fortune Gems</span>
                        </label>
                    </li>
            </ul>
    </div>
    <i class="right-chevron right_trigger" style="--image-src: url(//dsuown9evwz4y.cloudfront.net/Images/icons/chevron-down.svg?v=20241103-1);"></i>
</div>
            
            <div class="popular-game-title-container">
            <div class="title">
                <i data-icon="popular-games" style="--image-src: url(//dsuown9evwz4y.cloudfront.net/Images/nexus-beta/dark-green/mobile/layout/download-app.png?v=20241103-1);"></i>
                Unduh
                <strong>{{ $setting->web }} App</strong>
            </div>
        </div>
 <div class="download-apk-container">
        <div class="download-apk-info">
            <div class="download-apk-section android">
                <span>Android</span>
                <picture><source srcset="//dsuown9evwz4y.cloudfront.net/Images/nexus-beta/dark-green/mobile/home/android-logo.webp?v=20241103-1" type="image/webp"><source srcset="//dsuown9evwz4y.cloudfront.net/Images/nexus-beta/dark-green/mobile/home/android-logo.png?v=20241103-1" type="image/png"><img alt="Download Android APK" class="img-responsive" height="125" loading="lazy" src="//dsuown9evwz4y.cloudfront.net/Images/nexus-beta/dark-green/mobile/home/android-logo.png?v=20241103-1" width="125"></picture>
                <a href="/AQUASLOT168_1.apk">Unduh</a>
            </div>
        </div>
        <div class="download-apk-guide">
            Panduan instalasi <a class="download-apk-guide" href="#" data-toggle="modal" data-target="#apk_install_guide_modal">klik disini!</a>
        </div>
        <div id="apk_install_guide_modal" class="modal download-popup-modal" role="dialog" data-title="Panduan Instalasi" aria-hidden="false">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">×</span>
                </button>
                <div class="modal-title" id="apk_install_guide_modal_title">
                    Panduan Instalasi
                </div>
            </div>
            <div class="modal-body" id="apk_install_guide_modal_body">
                <span><img alt="Android" height="20" loading="lazy" src="//dsuown9evwz4y.cloudfront.net/Images/icons/android-logo.svg?v=20241103-1" width="20"> Instalasi Android</span>
                <ol>
                    <li>
                        Pindai kode QR untuk Android
                    </li>
                    <li>
                        Pilih buka situs web
                    </li>
                    <li>
                        Pilih "UNDUH" untuk mengunduh {{ $setting->web }} App
                    </li>
                    <li>
                        Pilih "PENGATURAN"
                    </li>
                    <li>
                        Pilih "Mengizinkan" dari sumber kami
                    </li>
                    <li>
                        Pilih "Terima"
                    </li>
                    <li>
                        Pilih "INSTAL"
                    </li>
                </ol>
            </div>
        </div>
    </div>
</div>
    </div>

         <div class="site-contacts">
             <div class="container">
                 <div class="row">
                     <div class="col-md-12">
                         <ul class="contact-list">
                             <li>
                                <a href="https://wa.me/{{ $setting->whatsapp }}" target="_blank" rel="noopener nofollow">
                                    <i>
                                        <img alt="Contact" height="12" loading="lazy" src="//d2rzzcn1jnr24x.cloudfront.net/Images/communications/whatsapp.svg?v=20240923" width="12">
                                    </i>
                                            {{ $setting->whatsapp }}
                                </a>
                             </li>
                             <li>
                                <a href="https://t.me/{{ $setting->livechat }}" target="_blank" rel="noopener nofollow">
                                    <i>
                                     <img alt="Contact" height="12" loading="lazy" src="//d2rzzcn1jnr24x.cloudfront.net/Images/communications/telegram.svg?v=20240923" width="12">
                                    </i>
                                            {{ $setting->web }} OFFICIAL
                                </a>
                             </li>
                         </ul>
                     </div>
                 </div>
             </div>
         </div>

         <div class="container">
             <div class="row">
                 <div class="col-md-12">
                     <ul class="social-media-list">
                         <li>
                             <a href="https://wa.me/{{ $setting->whatsapp }}" target="_blank" rel="nofollow">
                                 <img src="https://api2-aj8.imgzm.com/images/aj8/Whatsapp_983f81b4-f547-4b83-b424-ccd0a64bcf00_1632410383380.png"
                                     alt="Social Media" width="32" height="32" loading="lazy" />
                             </a>
                         </li>
                         <li>
                             <a href="https://t.me/{{ $setting->telegram }}" target="_blank" rel="nofollow">
                                 <img src="https://api2-aj8.imgzm.com/images/aj8/TELE_48148997-82fe-4ce1-bc1e-2bc556b08bbe_1632410369453.png"
                                     alt="Social Media" width="32" height="32" loading="lazy" />
                             </a>
                         </li>
                     </ul>
                     <ul class="bank-list">
                                    <li>
                                        <div data-online="true">
                                            <img src="https://api2-crb.imgnxb.com/images/CRB//ACEH_d88570d6-80cb-49d7-a595-285337b40df7_1721271834530.png" width="80" height="40" alt="Bank" loading="lazy">
                                        </div>
                                    </li>
                                    <li>
                                        <div data-online="true">
                                            <img src="../bank_img/qris.png" width="80" height="40" alt="Bank" loading="lazy">
                                        </div>
                                    </li>
                                    <li>
                                        <div data-online="true">
                                            <img src="https://api2-crb.imgnxb.com/images/CRB//BANKPANIN_460e276c-3773-4b7c-a760-00d85b37d1ee_1721271224803.png" width="80" height="40" alt="Bank" loading="lazy">
                                        </div>
                                    </li>
                                    <li>
                                        <div data-online="true">
                                            <img src="../bank_img/bca.png" width="80" height="40" alt="Bank" loading="lazy">
                                        </div>
                                    </li>
                                    <li>
                                        <div data-online="true">
                                            <img src="https://api2-crb.imgnxb.com/images/CRB//BNI_3d30334c-d871-46fb-80b3-0fcb12f99b87_1723099475733.png" width="80" height="40" alt="Bank" loading="lazy">
                                        </div>
                                    </li>
                                    <li>
                                        <div data-online="true">
                                            <img src="https://api2-crb.imgnxb.com/images/CRB//BRI_a458ab91-91a3-49ac-98b3-1bfc5d1966bd_1731562274740.png" width="80" height="40" alt="Bank" loading="lazy">
                                        </div>
                                    </li>
                                    <li>
                                        <div data-online="true">
                                            <img src="https://api2-crb.imgnxb.com/images/CRB//BSI_d97905f0-ef0d-4e31-ad96-f4dc69dedbe5_1721270817857.png" width="80" height="40" alt="Bank" loading="lazy">
                                        </div>
                                    </li>
                                    <li>
                                        <div data-online="true">
                                            <img src="https://api2-crb.imgnxb.com/images/CRB//BTN_953b0427-be72-402e-b196-4a636495a90e_1721271240407.png" width="80" height="40" alt="Bank" loading="lazy">
                                        </div>
                                    </li>
                                    <li>
                                        <div data-online="true">
                                            <img src="https://api2-crb.imgnxb.com/images/CRB//BTPN_a70da49b-9392-4449-b1b8-f5146d9be252_1721270987710.png" width="80" height="40" alt="Bank" loading="lazy">
                                        </div>
                                    </li>
                                    <li>
                                        <div data-online="true">
                                            <img src="https://api2-crb.imgnxb.com/images/CRB//BUKOPIN_1930704e-d9d7-4328-88e4-0607cd728ce9_1721270993460.png" width="80" height="40" alt="Bank" loading="lazy">
                                        </div>
                                    </li>
                                    <li>
                                        <div data-online="true">
                                            <img src="https://api2-crb.imgnxb.com/images/CRB//CRYPTOIDRT_c7cd92cc-5ccc-4084-bc0d-48a63cb95a1a_1718211670060.png" width="80" height="40" alt="Bank" loading="lazy">
                                        </div>
                                    </li>
                                    <li>
                                        <div data-online="true">
                                            <img src="https://api2-crb.imgnxb.com/images/CRB//DANA_de8b2592-4ec1-4a87-8074-80060d60242f_1730826665430.png" width="80" height="40" alt="Bank" loading="lazy">
                                        </div>
                                    </li>
                                    <li>
                                        <div data-online="true">
                                            <img src="https://api2-crb.imgnxb.com/images/CRB//DANAMON_9f1f7d3d-71b5-4a1c-9664-24791d714bac_1721279064560.png" width="80" height="40" alt="Bank" loading="lazy">
                                        </div>
                                    </li>
                                    <li>
                                        <div data-online="true">
                                            <img src="https://api2-crb.imgnxb.com/images/CRB//DBSINDONESIA_767c2754-baf5-4ee7-89cb-e0e5a903fa0c_1721270940910.png" width="80" height="40" alt="Bank" loading="lazy">
                                        </div>
                                    </li>
                                    <li>
                                        <div data-online="true">
                                            <img src="https://api2-crb.imgnxb.com/images/CRB//GOPAY_7dbc33a1-0217-4c14-8d00-648bc1521199_1721271002163.png" width="80" height="40" alt="Bank" loading="lazy">
                                        </div>
                                    </li>
                                    <li>
                                        <div data-online="true">
                                            <img src="https://api2-crb.imgnxb.com/images/CRB//JAGO_c6c92846-e1cc-4d00-b998-8983f5b8b821_1721271007070.png" width="80" height="40" alt="Bank" loading="lazy">
                                        </div>
                                    </li>
                                    <li>
                                        <div data-online="true">
                                            <img src="https://api2-crb.imgnxb.com/images/CRB//LINKAJA_fa991dcd-c3e1-4145-ada2-8322a33fa816_1722479190790.png" width="80" height="40" alt="Bank" loading="lazy">
                                        </div>
                                    </li>
                                    <li>
                                        <div data-online="true">
                                            <img src="../bank_img/mandiri.png" width="80" height="40" alt="Bank" loading="lazy">
                                        </div>
                                    </li>
                                    <li>
                                        <div data-online="true">
                                            <img src="https://api2-crb.imgnxb.com/images/CRB//MAYBANK_881228fe-a59a-4df7-b64c-6df1645a9c66_1729255667450.png" width="80" height="40" alt="Bank" loading="lazy">
                                        </div>
                                    </li>
                                    <li>
                                        <div data-online="true">
                                            <img src="https://api2-crb.imgnxb.com/images/CRB//MEGA_d169ac7a-7f4f-4a1c-9bc9-a4cfdc7bbeb9_1721271041697.png" width="80" height="40" alt="Bank" loading="lazy">
                                        </div>
                                    </li>
                                    <li>
                                        <div data-online="true">
                                            <img src="https://api2-crb.imgnxb.com/images/CRB//MUAMALAT_780b4a5a-3f81-4427-acdd-16ee8d4988ef_1721271049023.png" width="80" height="40" alt="Bank" loading="lazy">
                                        </div>
                                    </li>
                                    <li>
                                        <div data-online="true">
                                            <img src="https://api2-crb.imgnxb.com/images/CRB//NEOCOMMERCE_48793ffe-f8bb-4971-9161-9aa9163f9571_1721271054353.png" width="80" height="40" alt="Bank" loading="lazy">
                                        </div>
                                    </li>
                                    <li>
                                        <div data-online="true">
                                            <img src="https://api2-crb.imgnxb.com/images/CRB//OCBCNISP_8675391d-0651-4b2a-bbf7-e78d8767f8dc_1721271072057.png" width="80" height="40" alt="Bank" loading="lazy">
                                        </div>
                                    </li>
                                    <li>
                                        <div data-online="true">
                                            <img src="https://api2-crb.imgnxb.com/images/CRB//OVO_09dee796-cef0-48d2-9247-e90c290d4ee4_1721271078620.png" width="80" height="40" alt="Bank" loading="lazy">
                                        </div>
                                    </li>
                                    <li>
                                        <div data-online="true">
                                            <img src="https://api2-crb.imgnxb.com/images/CRB//PAYMENTQRISCERIABET_067e0385-499e-46f4-a294-4b2c74660080_1729684631470.png" width="80" height="40" alt="Bank" loading="lazy">
                                        </div>
                                    </li>
                                    <li>
                                        <div data-online="true">
                                            <img src="https://api2-crb.imgnxb.com/images/CRB//PERMATA_4e9fd8cd-7f3a-442d-a08a-8f868de21c77_1721271084993.png" width="80" height="40" alt="Bank" loading="lazy">
                                        </div>
                                    </li>
                                    <li>
                                        <div data-online="true">
                                            <img src="https://api2-crb.imgnxb.com/images/CRB//SEABANKINDONESIA_d70d754f-4af7-4dac-bda6-5568f79af62c_1721279179350.png" width="80" height="40" alt="Bank" loading="lazy">
                                        </div>
                                    </li>
                                    <li>
                                        <div data-online="true">
                                            <img src="https://api2-crb.imgnxb.com/images/CRB//SINARMAS_172a0bb7-495f-49ee-b0b7-f77341b957f5_1721271123333.png" width="80" height="40" alt="Bank" loading="lazy">
                                        </div>
                                    </li>
                                    <li>
                                        <div data-online="true">
                                            <img src="https://api2-crb.imgnxb.com/images/CRB//TELKOMSEL_d29f5e17-5495-449e-80c5-010365be6b1f_1724137748937.png" width="80" height="40" alt="Bank" loading="lazy">
                                        </div>
                                    </li>
                                    <li>
                                        <div data-online="true">
                                            <img src="https://api2-crb.imgnxb.com/images/CRB//XL_408178ba-70ea-4ddd-b5d1-59155fd9341d_1724137768760.png" width="80" height="40" alt="Bank" loading="lazy">
                                        </div>
                                    </li>
                        </ul>
                 </div>
             </div>
         </div>

         <div id="popup_modal" class="modal popup-modal" role="dialog" data-title="PERHATIAN"
             aria-label="Popup Modal">
             <div class="modal-dialog">
                 <div class="modal-content"
                     style="--desktop-popup-alert-src: url(//d33egg70nrp50s.cloudfront.net/Images/zoom-v2-beta/dark-green/desktop/layout/popup/alert.png?v=20241025);;--desktop-popup-notification-src: url(//d33egg70nrp50s.cloudfront.net/Images/zoom-v2-beta/dark-green/desktop/layout/popup/notification.png?v=20241025);;--mobile-popup-alert-src: url(//d33egg70nrp50s.cloudfront.net/Images/zoom-v2-beta/dark-green/mobile/layout/popup/alert.png?v=20241025);;--mobile-popup-notification-src: url(//d2rzzcn1jnr24x.cloudfront.net/Images/nexus-beta/dark-green/mobile/layout/popup/notification.png?v=20241114);;--event-giveaway-popper-src: url(//d33egg70nrp50s.cloudfront.net/Images/giveaway/popper.png?v=20241025);">
                     <div class="modal-header">
                         <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                             <span aria-hidden="true">×</span>
                         </button>
                         <h4 class="modal-title" id="popup_modal_title">
                             PERHATIAN
                         </h4>
                     </div>
                     <div class="modal-body" id="popup_modal_body">
                         <a href="https://xn--82ca2cdae2ab4dc5f8bdeee4z9f.com/" target="_self" class="popup-thumbnail">
                             <img loading="lazy" src="{{ asset('storage/' . $setting->logo) }}">
                         </a>
                         <h1 style="text-align: center;"><span style="color: #ff00ff;">INFO PENTING</span></h1><h3 style="text-align: center;"><span style="color: #ff0000;"><strong>Hati-hati dengan situs yang mengatasnamakan <span style="background-color: #ffffff; color: #000000;">{{ $setting->web }}</span>, Whatsapp resmi kami hanya ada disitus, Diluar itu bukan jadi tanggung jawab kami.</strong></span></h3><h3 style="text-align: center;"><span style="color: #00ff00;"><strong>Selalu cek nomor rekening di menu deposit kami.</strong></span></h3><h3 style="text-align: center;"><strong><span style="color: #ffcc00;">Pastikan melakukan deposit, antara rekening bank dengan rekening di daftarkan sama.</span></strong></h3>
                     </div>
                     <div class="modal-footer">
                         <button type="button" class="btn btn-primary" data-dismiss="modal"
                             id="popup_modal_dismiss_button">
                             OK
                         </button>
                         <button type="button" class="btn btn-secondary" data-dismiss="modal"
                             id="popup_modal_cancel_button" style="display: none">
                             Batal
                         </button>
                         <button type="button" class="btn btn-primary" id="popup_modal_confirm_button"
                             style="display: none">
                             OK
                         </button>
                     </div>
                 </div>
             </div>
         </div>
     @endif

 @endsection