<?php $__env->startSection('body_class', 'defaultpage'); ?>
<?php $__env->startSection('content'); ?>

<?php
    // ==========================================
    // DUMMY DATA KONFIGURASI KONTEN & FOOTER
    // ==========================================

    // 3. Pengumuman & Jackpot
    $jackpotAmount = '1.094.111.973';

    // 4. Highlight Games (Kategori Slot)
    $slotCategories = [
        [
            'class' => 'all',
            'title' => 'Semua',
            'link' => '/desktop/game/slot/PragmaticPlay',
            'games' => [
                ['name' => 'Gates of Olym..', 'img' => 'vs20olympx.webp', 'tag' => '24_3_top.webp'],
                ['name' => 'Mahjong Wins ..', 'img' => 'vswaysmahwblck.webp', 'tag' => '24_3_top.webp'],
                ['name' => 'Gates of Olym..', 'img' => 'vs20olympgold.webp', 'tag' => '24_3_top.webp'],
                ['name' => 'Haunted Crypt', 'img' => 'vs20dhousehm.webp', 'tag' => '24_3_new.webp'],
                ['name' => 'Fortune of Ol..', 'img' => 'vs20olympgcl.webp', 'tag' => '24_3_top.webp'],
                ['name' => 'Starlight Pri..', 'img' => 'vs20starlightx.webp', 'tag' => '24_3_top.webp'],
            ]
        ],
        [
            'class' => 'new',
            'title' => 'Baru',
            'link' => '/desktop/game/slot/PragmaticPlay',
            'games' => [
                ['name' => 'Haunted Crypt', 'img' => 'vs20dhousehm.webp', 'tag' => '24_3_new.webp'],
                ['name' => 'Fortune of Ol..', 'img' => 'vs20olympgcl.webp', 'tag' => '24_3_top.webp'],
                ['name' => 'Gates of Gato..', 'img' => 'vs20olgatssc.webp', 'tag' => '24_3_top.webp'],
                ['name' => 'Kadita Ocean ..', 'img' => 'vs20kaditafury.webp', 'tag' => '24_3_exclusive.webp'],
                ['name' => 'Sugar Rush Su..', 'img' => 'vs20sugrushss.webp', 'tag' => null],
                ['name' => 'Knights vs Ba..', 'img' => 'vs10cenrlgdevl.webp', 'tag' => null],
            ]
        ],
        [
            'class' => 'exclusive',
            'title' => 'Exclusive',
            'link' => '/desktop/game/slot/PragmaticPlay',
            'games' => [
                ['name' => 'Kadita Ocean ..', 'img' => 'vs20kaditafury.webp', 'tag' => '24_3_exclusive.webp'],
            ]
        ],
    ];

    // 6. Bank Providers
    $banks = [
        'dana', 'bca', 'bni', 'bri', 'mandiri', 'danamon', 'mbb', 'jago', 'smbc', 'allo', 'permata', 'sea', 'sinarmas', 'neo', 'gopay', 'ovo', 'linkaja', 'sakuku', 'shopee', 'telkomsel', 'pulsaxl', 'hana', 'btn', 'banklain', 'qris'
    ];

    // 7. Footer Game Providers
    $providerGroups = [
        'Slot' => ['PragmaticPlay', 'PGSoft', 'Playtech', 'BESOFT', 'FatPanda', 'SpadeGaming', 'Habanero', 'OG', 'ClotPlay', '5G', 'FastSpin', 'NLC', 'GGSoft', 'Nines', 'VPower', 'AIGaming', 'RICH88', 'Live22', 'PlayStar', 'Evoplay', 'CQ9', 'Hacksaw', 'KAGaming', 'OneGame', 'JILI', 'JDB', 'LGD', 'Ameba', 'Microgaming', 'BP', 'AdvantPlay', 'SimplePlay'],
        'DD&Togel' => ['Togel'],
        'Live Casino' => ['PragmaticPlay', 'AESexy', 'Trillion', 'Playtech', 'Miki', 'OG', 'VIA', 'WM', 'SA', 'DreamGaming', 'LG88'],
        'Sports' => ['SBO', 'CMD', 'Saba'],
        'Sabung Ayam' => ['SV388', 'WS168', 'GA28'],
        'E-Sports' => ['TFGaming'],
        'Fishing' => ['FastSpin', 'CQ9', 'KAGaming', 'JILI', 'JDB', 'SimplePlay'],
        'Crash Game' => ['PragmaticPlay', 'ClotPlay', 'JILI', 'Microgaming'],
        'Table Game' => ['ETG', 'KingMidas', 'Miki', 'JILI', 'SimplePlay'],
        'Bingo' => ['Gemini'],
        'Arcade' => ['PragmaticPlay', 'PGSoft', 'RICH88', 'Evoplay', 'CQ9', 'Hacksaw', 'KAGaming', 'JILI', 'Microgaming'],
    ];
?>

<div class="middlebackground background-design5 bg-position-y-500">
    <div role="main" class="container">
        <div class="row"></div>
    </div>
    
    <div id="middlebackground_usercontrol">
        
        
        <div class="mainbanner-container mainbanner1 mainbanner1-default banner-fullsize" id="UCMainBanner1_1">
            <div class="container">
                <div class="row">
                    <div class="col-xs-12 mainbanner-content p-0">
                        <div id="carousel" class="carousel slide" data-interval="false">
                            
                            
                            <ol class="carousel-indicators">
                                <?php $__currentLoopData = banner(); $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $key => $banner): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                    <li class="indicator indicator<?php echo e($key + 1); ?> <?php echo e($loop->first ? 'active' : ''); ?>" data-index="<?php echo e($key + 1); ?>"></li>
                                <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                            </ol>
                            
                            
                            <div class="carousel-inner vertical">
                                <?php $__currentLoopData = banner(); $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $key => $banner): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                    <div class="item item<?php echo e($key + 1); ?> <?php echo e($loop->first ? 'active' : ''); ?>" data-link="<?php echo e($banner->link); ?>">
                                        <a href="javascript:;">
                                            <img class="img-responsive img-center"
                                                <?php echo $loop->first ? 'fetchpriority="high"' : 'loading="lazy"'; ?>

                                                width="1920" height="576"
                                                alt="<?php echo e($banner->link); ?>"
                                                srcset="<?php echo e(asset('uploads/' . $banner->gambar ?? '/assets/images/no-image.jpg')); ?> 412w, <?php echo e(asset('uploads/' . $banner->gambar ?? '/assets/images/no-image.jpg')); ?> 1000w"
                                                sizes="(max-width: 576px) 200px, 1000px"
                                                src="<?php echo e(asset('uploads/' . $banner->gambar ?? '/assets/images/no-image.jpg')); ?>" />
                                        </a>
                                    </div>
                                <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                            </div>

                        </div>
                    </div>
                </div>
            </div>
        </div>

        
        <div class="announcement-container announcement1 announcement1-design3">
            <div class="container">
                <div class="row">
                    <div class="col-xs-12 announcement-content p-0">
                        <span class="announcement-title fa-solid fa-volume-high"></span>
                        <div class="marquee">
                            <div class="marquee-content" style="white-space: nowrap;">
                               <?php echo e(general()->title); ?>

                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        
        <div class="jackpot-container jackpot1 jackpot1-design7 mt-10">
            <div class="container">
                <div class="row">
                    <div class="col-xs-12 jackpot-content p-0">
                        <div class="jackpot-body">
                            <div class="jackpot">
                                <div class="jackpot-provider svg-icon" data-useicon="True" data-file='solid_right' data-icon-type='solid' data-provider='Joker'></div>
                                <div class="jackpot-currency-amount">
                                    <div class="jackpot-currency">IDR</div>
                                    <div class="jackpot-amount"><?php echo e($jackpotAmount); ?></div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        
        <div class="slot-container slot4 slot4-design1 mt-10">
            <div class="container">
                <div class="row">
                    <div class="col-xs-12 slot-lists p-0">
                        
                        <?php $__currentLoopData = $slotCategories; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $category): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                            <div class="col-xs-12 slot-content p-0" onclick="window.location='<?php echo e($category['link']); ?>'">
                                <div class="slot-header">
                                    <div class="category-content <?php echo e($category['class']); ?>">
                                        <span class="category-icon"></span>
                                        <span class="category"><?php echo e($category['title']); ?></span>
                                    </div>
                                    <span class="line"></span>
                                    <a aria-label="seeMore" href="javascript:;" class="seemore">Lebih Banyak Game</a>
                                </div>
                                <div class="slot-body custom-scroll">
                                    
                                    <?php $__currentLoopData = $category['games']; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $game): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                        <div class="slot-game">
                                            <div class="slot-img" style="position: relative;">
                                                <img class="img-responsive" alt="<?php echo e($game['name']); ?>" title="<?php echo e($game['name']); ?>" src="https://d17yzjd28y7r7s.cloudfront.net/images/gameicon/round/tl_pp/<?php echo e($game['img']); ?>" />
                                                <?php if($game['tag']): ?>
                                                    <img class="img-responsive gameicon-tag" style="position: absolute; top: 0; z-index: 1;pointer-events: none;" src="https://d17yzjd28y7r7s.cloudfront.net/images/gameicon/tag/<?php echo e($game['tag']); ?>" />
                                                <?php endif; ?>
                                            </div>
                                            <div class="slot-name"><?php echo e($game['name']); ?></div>
                                        </div>
                                    <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>

                                </div>
                            </div>
                        <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>

                    </div>
                </div>
            </div>
        </div>

    </div>

    <div id="footer">
        
        
        <?php if(contact()->isNotEmpty()): ?>
            <div class="contact-container contact1 contact1-design6 mt-10">
                <div class="container">
                    <div class="row">
                        <div class="col-xs-12 contact-content p-0">
                            <div class="contact-body">
                                <?php $__currentLoopData = contact(); $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $contact): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                    
                                    <a class="contact-box" href="<?php echo e($contact->url ?? 'javascript:;'); ?>" target="_blank">
                                        <div class="contact-icon">
                                            <div class="spinning-circle"></div>
                                            
                                            <span class="svg-icon" data-file="solid" data-icon-type="solid" data-contact="<?php echo e($contact->icon); ?>"></span>
                                        </div>
                                        
                                        <span class="contact-description"><?php echo e($contact->title); ?></span>
                                    </a>
                                <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        <?php endif; ?>

        
        <div class="bank-container bank1 bank1-design1 mt-10">
            <div class="container">
                <div class="row">
                    <div class="col-xs-12 bank-content p-0">
                        <div class="bank-body">
                            <?php $__currentLoopData = $banks; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $bank): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                <div class="bank-box">
                                    <div class="bank-indicator online-indicator"></div>
                                    <span class="svg-icon" data-file="solid" data-icon-type="solid" data-bank="<?php echo e($bank); ?>"></span>
                                </div>
                            <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        
        <footer role="contentinfo" class="footer-container footer1 footer1-default footer-border-top-1 mt-15">
            <div class="container">
                <div class="row">
                    <div class="col-xs-12 footer-content p-0">
                        <?php echo general()->articles; ?>

                    </div>
                </div>
            </div>
        </footer>

        
        <div class="poweredby-container poweredby1 poweredby-border-top-1 mt-15">
            <div class="container">
                <div class="row">
                    <div class="col-xs-12 poweredby-content p-0">
                        <img class="img-responsive img-center" alt="tmtgaming" title="tmtgaming" src="<?php echo e(asset('assets/images/poweredby/tmtgaming/tmtgaming-black.webp')); ?>?v=2" />
                    </div>
                </div>
            </div>
        </div>

        
        <div class="gameprovider-container gameprovider1 gameprovider1-design3 provider-border-top-1">
            <div class="container">
                <div class="row">
                    <div class="col-xs-12 gameprovider-content p-0">
                        <div class="gameprovider-header">
                            <span class="gameprovider-title">Provider Platform</span>
                        </div>
                        <div class="gameprovider-body">
                            
                            <?php $__currentLoopData = $providerGroups; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $groupName => $providers): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                <div class="gameprovider-group">
                                    <div class="gamegroup">
                                        <?php echo e($groupName); ?>

                                        <div class="line"></div>
                                    </div>
                                    <div class="gameprovider-box">
                                        <?php $__currentLoopData = $providers; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $providerName): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                            <div class="gameprovider">
                                                <div class="provider-icon">
                                                    <span data-file="solid_right" data-icon-type="solid" data-provider="<?php echo e($providerName); ?>" class="svg-icon"></span>
                                                </div>
                                            </div>
                                        <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                                    </div>
                                </div>
                            <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>

                        </div>
                    </div>
                </div>
            </div>
        </div>

    </div>
</div>
<?php if(!empty(popup())): ?>
<div id="popupBannerModal" class="modal fade popup-modal popup-modal-center popupbanner-design1" tabindex="-1">
    <div class="modal-dialog">
        <div class="modal-content">
            
            <div role="button" class="btn-close" data-dismiss="modal" id="btn-close-popup-img">
                <img src="/assets/images/btnclose.webp?v=1" width="64" height="64" alt="close" loading="lazy">
            </div>
            
            <div id="carouselPopup" class="carousel slide" data-ride="carousel" data-interval="5000">
                <div class="carousel-inner vertical">
                    <div class="item active">
                        <a href="<?php echo e($banner->link ?? 'javascript:;'); ?>" target="_blank">
                            <img class="img-responsive img-center" alt="Promo" src="<?php echo e(!empty(popup()->gambar) ? asset('uploads/' . popup()->gambar) : asset('assets/images/no-image.jpg')); ?>" />
                        </a>
                    </div>
                </div>
            </div>
            
            
            <button type="button" class="btn btn-default" data-dismiss="modal" id="btn-close-popup-txt">Close</button>
        </div>
    </div>
</div>

<?php $__env->startPush('script'); ?>
<script>
    $(document).ready(function() {
        // 1. Gunakan localStorage (Lebih kuat menahan Refresh)
        var isPopupClosed = localStorage.getItem('popup_banner_closed');

        if (isPopupClosed !== 'true') {
            // Munculkan popup jika belum ada history ditutup
            $('#popupBannerModal').modal('show');
        }

        // 2. Fungsi untuk mengunci popup
        function lockPopup() {
            localStorage.setItem('popup_banner_closed', 'true');
        }

        // 3. Cara A: Tangkap event bawaan modal Bootstrap (Klik luar / Esc)
        $('#popupBannerModal').on('hidden.bs.modal', function () {
            lockPopup();
        });

        // 4. Cara B (Fallback): Tangkap langsung klik pada kedua tombol close
        $('#btn-close-popup-img, #btn-close-popup-txt').on('click', function() {
            lockPopup();
        });
    });
</script>
<?php $__env->stopPush(); ?>
<?php endif; ?>
<?php $__env->stopSection(); ?>
<?php echo $__env->make('frontend.desktop.layouts.app', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?><?php /**PATH /www/wwwroot/website/sewa/dragon158/resources/views/frontend/desktop/pages/home.blade.php ENDPATH**/ ?>