<section class="slider g8-banner g8-banner-m">
            <div class="swiper-container g8b-m">
                <div class="swiper-wrapper s-slides">
                    <?php $banners = banner(); ?>
                    <?php if($banners && count($banners) > 0): ?>
                        <?php $__currentLoopData = $banners; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $index => $b): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                            <div class="swiper-slide <?php echo e($index == 0 ? 'active' : ''); ?>" data-swiper-slide-index="<?php echo e($index); ?>">
                                <picture>
                                    <img src="<?php echo e(asset('uploads/'.$b->gambar ?? '/common/images/default/banner.jpg')); ?>" alt="Banner" width="640" height="300" loading="lazy">
                                </picture>
                            </div>
                        <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                    <?php else: ?>
                        <div class="swiper-slide active" data-swiper-slide-index="0">
                            <img src="/common/images/default/banner.jpg" alt="" width="640" height="300" loading="lazy">
                        </div>
                    <?php endif; ?>
                </div>
                <div class="swiper-button-next" tabindex="0" role="button" aria-label="Next slide"></div>
                <div class="swiper-button-prev" tabindex="0" role="button" aria-label="Previous slide"></div>
                <span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span>
            </div>
        </section>

        <section class="marquee s-a">
            <div class="marquee__bullhorn">
                <svg xmlns="http://www.w3.org/2000/svg" style="width: 24px;height: 24px;overflow: visible;" viewBox="0 0 24 24"><path fill="none" d="M0 0h24v24H0z"></path><path d="M18 11v2h4v-2h-4zm-2 6.61c.96.71 2.21 1.65 3.2 2.39.4-.53.8-1.07 1.2-1.6-.99-.74-2.24-1.68-3.2-2.4-.4.54-.8 1.08-1.2 1.61zM20.4 5.6c-.4-.53-.8-1.07-1.2-1.6-.99.74-2.24 1.68-3.2 2.4.4.53.8 1.07 1.2 1.6.96-.72 2.21-1.65 3.2-2.4zM8 9H2v6h3v4h2v-4h1l5 3V6L8 9zm7.5 3c0-1.33-.58-2.53-1.5-3.35v6.69c.92-.81 1.5-2.01 1.5-3.34z"></path></svg>
            </div>
            <marquee scrolldelay="150" behavior="scroll" onmouseover="this.stop();" onmouseout="this.start();" direction="left">
                <div style="width: 100%; transform: translateX(0px);" class="js-marquee-wrapper">
                    <div class="js-marquee" style="margin-right: 0px; float: left;"><?php echo e(general()->title); ?></div>
                </div>
            </marquee>
        </section>

        <section class="quick-btn">
            <?php if(auth()->guard()->guest()): ?>
                <a href="#" class="g8pop-login">Masuk</a>
                <a href="/register" class="g8pop-signup">Daftar</a>
            <?php endif; ?>
            <?php if(auth()->guard()->check()): ?>
                <a href="<?php echo e(route('secure.deposit')); ?>">Deposit</a>
                <a href="<?php echo e(route('secure.withdrawal')); ?>">Withdraw</a>
            <?php endif; ?>
        </section>

        <?php
            $urlPrefix = Auth::check() ? '/secure' : '';
        ?>
        
        <?php echo $__env->make('frontend.partials.mobile.navbar', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?>

        <div class="progressive-jackpot-text-wrapper">
            <img src="<?php echo e(asset('uploads/'.theme()->jackpot) ?? 'https://mantra88done.com/assets/img/progressive-jackpot-text.png'); ?>" width="503" height="31" alt="pj text" loading="lazy">
        </div>
        <section class="progressive-jackpot" style="background-image:url('<?php echo e(asset('uploads/'.theme()->jackpot_mobile) ?? '/assets/img/progressive-jackpot-m.png'); ?>') !important;">
            <div class="jackpot-container">
                <span class="jackpot-currency">IDR</span>
                <span class="jackpotNumber">16,800,001,876</span>
            </div>
        </section>

        <section class="games">
            
            <div class="home-games">
                <div class="title">
                    <span><span class="text-white">HOT </span><span class="text-color">SLOT GAMES</span></span>
                    <a href="<?php echo e($urlPrefix); ?>/slots-provider">Lihat Semua Game</a>
                </div>
                <div class="game-wrapper">
                    <div class="game-items">
                        <?php $__currentLoopData = $hotGames; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $game): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                            <?php
                                $tipeGame = $game->game_type ?? 'slot'; 
                                $gameUrl = "/secure/shr/playGame?gc=" . $tipeGame . "&gg=" . strtoupper($game->provider_code) . "&gs=" . $game->game_code;
                            ?>
                            
                            <?php if(auth()->guard()->check()): ?>
                                <a class="box play-game-btn" href="javascript:void(0)" data-url="<?php echo e($gameUrl); ?>">
                            <?php else: ?>
                                <a class="box s-check-login" href="javascript:void(0)">
                            <?php endif; ?>
                                    <div class="box-item">
                                        <picture>
                                            <img src="<?php echo e($game->game_image); ?>" 
                                                 alt="<?php echo e($game->game_name); ?>" 
                                                 loading="lazy" 
                                                 style="width: 100%; aspect-ratio: 1 / 1; object-fit: cover; border-radius: inherit;" 
                                                 onerror="this.src='<?php echo e(asset('assets/custom/img/default.png')); ?>'">
                                        </picture>
                                    </div>
                                    <span><?php echo e($game->game_name); ?></span>
                                </a>
                        <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                    </div>
                </div>
            </div>

            <div class="home-games">
                <div class="title">
                    <span><span class="text-white">POPULAR </span><span class="text-color">GAMES</span></span>
                </div>
                <div class="game-wrapper">
                    <div class="game-items">
                        <?php $__currentLoopData = $popularGames; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $game): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                            <?php
                                $tipeGame = $game->game_type ?? 'slot'; 
                                $gameUrl = "/secure/shr/playGame?gc=" . $tipeGame . "&gg=" . strtoupper($game->provider_code) . "&gs=" . $game->game_code;
                            ?>

                            <?php if(auth()->guard()->check()): ?>
                                <a class="box play-game-btn" href="javascript:void(0)" data-url="<?php echo e($gameUrl); ?>">
                            <?php else: ?>
                                <a class="box s-check-login" href="javascript:void(0)">
                            <?php endif; ?>
                                    <div class="box-item">
                                        <picture>
                                            <img src="<?php echo e($game->game_image); ?>" 
                                                 alt="<?php echo e($game->game_name); ?>" 
                                                 loading="lazy" 
                                                 style="width: 100%; aspect-ratio: 1 / 1; object-fit: cover; border-radius: inherit;" 
                                                 onerror="this.src='<?php echo e(asset('assets/custom/img/default.png')); ?>'">
                                        </picture>
                                    </div>
                                    <span><?php echo e($game->game_name); ?></span>
                                </a>
                        <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                    </div>
                </div>
            </div>
            
        </section>

        <section class="depo-withdraw">
            <div class="card">
                <div class="card-header">
                    <div class="circle-wrp"><div class="ring"><img src="https://d1bkaj2gcjb1cb.cloudfront.net/common/assets/images/v2/icon-deposit.png" alt="ico depo" class="icon"></div></div>
                    <div class="text-wrp">
                        <div class="text-row">
                            <div><div class="text-bg title">PROSES DEPOSIT</div><div class="text-bg description">Waktu rata-rata</div></div>
                            <div class="text-time-new"><span>1</span> mins</div>
                        </div>
                        <div class="progress"><div class="progress-bar" style="width: 20%;"></div></div>
                    </div>
                </div>
            </div>
            <div class="card">
                <div class="card-header">
                    <div class="circle-wrp"><div class="ring"><img src="https://d1bkaj2gcjb1cb.cloudfront.net/common/assets/images/v2/icon-withdraw.png" alt="ico wd" class="icon"></div></div>
                    <div class="text-wrp">
                        <div class="text-row">
                            <div><div class="text-bg title">PROSES WITHDRAW</div><div class="text-bg description">Waktu rata-rata</div></div>
                            <div class="text-time-new"><span>3</span> mins</div>
                        </div>
                        <div class="progress"><div class="progress-bar" style="width: 30%;"></div></div>
                    </div>
                </div>
            </div>
        </section>

        <section class="supported-banks">
            <p class="title"><span class="text-white">METODE </span><span class="text-color">PEMBAYARAN</span></p>
            <div class="list-wrapper">
                <button class="button-pay"><img src="https://d1bkaj2gcjb1cb.cloudfront.net/common/assets/images/v2/icon-bank-transfer.png" width="128" height="128" alt="transfer manual" class="icon" loading="lazy"><div class="text"><p class="text-title">BANK TRANSFER</p></div></button>
                <button class="button-pay"><img src="https://d1bkaj2gcjb1cb.cloudfront.net/common/assets/images/v2/icon-ewallet.png" width="128" height="128" alt="dompet elektronik" class="icon" loading="lazy"><div class="text"><p class="text-title">E - WALLET</p></div></button>
                <button class="button-pay"><img src="https://d1bkaj2gcjb1cb.cloudfront.net/common/assets/images/v2/icon-pulsa.png" width="128" height="128" alt="pulsa provider" class="icon" loading="lazy"><div class="text"><p class="text-title">PULSA</p></div></button>
            </div>
        </section>

        <section class="footer">
            <div class="social-logo s-cs2">
                <ul>
                    <?php $__empty_1 = true; $__currentLoopData = contact(); $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $sosmed): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); $__empty_1 = false; ?>
                        <li>
                            
                            <a href="<?php echo e($sosmed->url); ?>" target="_blank" rel="noopener noreferrer nofollow" aria-label="<?php echo e(strtolower($sosmed->title ?? '')); ?>">
                                <i class="fab fa-<?php echo e(strtolower($sosmed->title ?? '')); ?>"></i>
                            </a>
                        </li>
                    <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); if ($__empty_1): ?>
                        
                        <li><a href="#" target="_blank" rel="noopener noreferrer nofollow" aria-label="whatsapp"><i class="fab fa-whatsapp"></i></a></li>
                    <?php endif; ?>
                </ul>
            </div>
        </section>

<?php $__env->startPush('scripts'); ?>
<script>
    $(document).ready(function() {
        $(document).on('click', '.play-game-btn', function(e) {
            e.preventDefault();
            let url = $(this).attr('data-url');
            
            $(this).find('.main-btn').html('<i class="fa fa-spinner fa-spin"></i>');
            window.location.href = url; 
        });

        $(document).on('click', '.s-check-login', function(e) {
            e.preventDefault();
            if (typeof jAlert === "function") {
                jAlert('Silahkan login atau mendaftar untuk masuk kedalam permainan.', 'Peringatan');
            } else {
                alert('Silahkan login atau mendaftar untuk masuk kedalam permainan.');
            }
        });
    });
</script>
<?php $__env->stopPush(); ?><?php /**PATH /home/mxzsceue/public_html/resources/views/frontend/partials/mobile/content.blade.php ENDPATH**/ ?>