<?php
session_start();
require_once(__DIR__ . '/../config/db.php');
include(__DIR__.'/layouts/stylesheet.php');
?>


    <link href="/Content/jquery.daterangepicker" rel="stylesheet"/>
    <link href="/Content/zelma-v2-beta-desktop-css" rel="stylesheet"/>
    <link href="/Content/Home/zelma-v2-beta-desktop-css" rel="stylesheet"/>
    <link href="/Content/slick.css" rel="stylesheet"/>
    <link href="/Content/Theme/zelma-v2-beta-desktop-<?= $config['theme']; ?>-css" rel="stylesheet"/>

    <style>
    	.lxp-icon {
    		margin-right: 10px
    	}
    
    	.lxp-icon img {
    		width: 25px;
    		height: 15px
    	}
    
    	#lxp {
    		visibility: hidden;
    		min-width: 330px;
    		background-color: #00000099;
    		backdrop-filter: blur(1px);
    		color: white;
    		text-align: center;
    		border-radius: 10px;
    		padding: 10px 10px 0 10px;
    		transform: translate(-50%, 0%);
    		text-shadow: 1px 1px 5px rgb(0, 0, 0);
    		position: fixed;
    		z-index: 1;
    		left: 50%;
    		top: 6%;
    		font-size: 14px;
    		z-index: 999;
    	}
    
    	#lxp.show {
    		visibility: visible;
    		-webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
    		animation: fadein 0.5s, fadeout 0.5s 2.5s;
    	}
    
    	@-webkit-keyframes fadein {
    		from {
    			top: 0;
    			opacity: 0;
    		}
    
    		to {
    			top: 6%;
    			opacity: 2;
    		}
    	}
    
    	@keyframes fadein {
    		from {
    			top: 0;
    			opacity: 0;
    		}
    
    		to {
    			top: 6%;
    			opacity: 2;
    		}
    	}
    
    	@-webkit-keyframes fadeout {
    		from {
    			top: 6%;
    			opacity: 2;
    		}
    
    		to {
    			top: 0;
    			opacity: 0;
    		}
    	}
    
    	@keyframes fadeout {
    		from {
    			top: 6%;
    			opacity: 2;
    		}
    
    		to {
    			top: 0;
    			opacity: 0;
    		}
    	}
    </style>
</head>
<body data-online-id=""
      style="--expand-icon-src: url(//d33egg70nrp50s.cloudfront.net/Images/icons/expand.gif?v=20241125);
      --collapse-icon-src: url(//d33egg70nrp50s.cloudfront.net/Images/icons/collapse.gif?v=20241125);
      --play-icon-src: url(//d33egg70nrp50s.cloudfront.net/Images/icons/play.png?v=20241125);
      --jquery-ui-444444-src: url(//d33egg70nrp50s.cloudfront.net/Images/jquery-ui/ui-icons_444444_256x240.png?v=20241125);
      --jquery-ui-555555-src: url(//d33egg70nrp50s.cloudfront.net/Images/jquery-ui/ui-icons_555555_256x240.png?v=20241125);
      --jquery-ui-ffffff-src: url(//d33egg70nrp50s.cloudfront.net/Images/jquery-ui/ui-icons_ffffff_256x240.png?v=20241125);
      --jquery-ui-777620-src: url(//d33egg70nrp50s.cloudfront.net/Images/jquery-ui/ui-icons_777620_256x240.png?v=20241125);
      --jquery-ui-cc0000-src: url(//d33egg70nrp50s.cloudfront.net/Images/jquery-ui/ui-icons_cc0000_256x240.png?v=20241125);
      --jquery-ui-777777-src: url(//d33egg70nrp50s.cloudfront.net/Images/jquery-ui/ui-icons_777777_256x240.png?v=20241125);">

    <?php include(__DIR__.'/layouts/header.php'); ?>
    
    <div id="lxp">
        <p id="withdraw"></p>
    </div>
    
    <?php include(__DIR__.'/layouts/game-menu.php'); ?>
    
    </div>

    <?php include(__DIR__.'/layouts/banner.php'); ?>

            <div class="announcement-outer-container">
                <div class="container">
                    <div class="row">
                        <div class="col-md-12">
                            <div class="announcement-container">
                <i data-icon="news" style="--image-src: url(//d33egg70nrp50s.cloudfront.net/Images/v-zelma-v2-beta/<?= $config['theme']; ?>/desktop/home/news.png?v=20241125);"></i>
                <div data-section="announcements">
                    <ul class="announcement-list" id="announcement_list">
                            <li>Pemeliharaan Terjadwal: Spinix pada 2024-10-01 dari 11:00 AM sampai 2025-12-31 11:59 PM (GMT + 7). Selama waktu ini, Spinix permainan tidak akan tersedia. Kami memohon maaf atas ketidaknyamanan yang mungkin ditimbulkan.</li>
                            <li>Pemeliharaan Terjadwal: Fairbet pada 2025-01-14 dari 12:00 PM sampai 2025-04-15 12:30 AM (GMT + 7). Selama waktu ini, Fairbet permainan tidak akan tersedia. Kami memohon maaf atas ketidaknyamanan yang mungkin ditimbulkan.</li>
                    </ul>
                </div>
                <div data-section="date">
                    25/02/2025 (Sel) 00.11 (GMT+07)
                </div>
            </div>
                </div>
            </div>
        </div>
    </div>

    <div data-container-background="home" style="background-image: url(//d33egg70nrp50s.cloudfront.net/Images/v-zelma-v2-beta/<?= $config['theme']; ?>/desktop/backgrounds/home.jpg?v=20241125);">
        <div class="container home-outer-container">
            <div class="row">
                <div class="col-md-12">
                    <div class="home-inner-container">
                        <a href="/desktop/slots/pragmatic?PromotionCategory=Jackpot+Play+Games">
                            <div class="home-progressive-jackpot">
                                <div class="outer-container">
                                    <div class="inner-container">
                                        <div class="border-container">
                                            <div class="jackpot-play-section">
                                                <picture><source srcset="//d33egg70nrp50s.cloudfront.net/Images/jackpot/jackpot-play-logo-v2.webp?v=20241125" type="image/webp" /><source srcset="//d33egg70nrp50s.cloudfront.net/Images/jackpot/jackpot-play-logo-v2.png?v=20241125" type="image/png" /><img alt="Jackpot Play" height="56" loading="lazy" src="//d33egg70nrp50s.cloudfront.net/Images/jackpot/jackpot-play-logo-v2.png?v=20241125" width="250" /></picture>
                                                <div class="jackpot-play-text">Jackpot <label>Play</label></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://dhro5khzpwdga.cloudfront.net"></span>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </a>
                        <div class="popular-slots-outer-container">
                            
    

                            <?php
                            include(__DIR__.'/popular-game.php'); 
                            include(__DIR__.'/new-game.php');
                            include(__DIR__.'/jackpot-game.php'); 
                            ?>
                            
                        </div>
                    </div>
                </div>
            </div>
        </div>
            <div class="download-apk-container container">
            <div class="row">
                <div class="col-md-12">
                    <div class="download-apk" id="download_apk" style="--image-src: url(//d33egg70nrp50s.cloudfront.net/Images/v-zelma-v2-beta/<?= $config['theme']; ?>/desktop/home/download-apk-background.webp?v=20241125);">
                        <div>
                            <div class="h2">
                                Unduh Gratis
                                <span><?= $config['title']; ?> App</span>
                            </div>
                            <div class="h3">
                                Nikmati performa terbaik dari Aplikasi kami <br />
                                Tersedia dalam Android!
                            </div>
                            <div class="download-apk-info">
                                <div class="download-apk-section">
                                    <div class="download-apk-qr-code">
                                        <a href="/">
                                            <picture><img alt="Unduh Aplikasi Permainan" height="94" loading="lazy" src="#" width="94" /></picture>
                                        </a>
                                    </div>
                                    <div class="download-apk-detail">
                                        <div><?= $config['title']; ?> App</div>
                                        <a href="#" data-toggle="modal" data-target="#apk_install_guide_modal"><picture><source srcset="//d33egg70nrp50s.cloudfront.net/Images/v-zelma-v2-beta/<?= $config['theme']; ?>/desktop/home/download-android-button.webp?v=20241125" type="image/webp" /><source srcset="//d33egg70nrp50s.cloudfront.net/Images/v-zelma-v2-beta/<?= $config['theme']; ?>/desktop/home/download-android-button.png?v=20241125" type="image/png" /><img alt="Download APK" class="img-responsive" height="35" loading="lazy" src="//d33egg70nrp50s.cloudfront.net/Images/v-zelma-v2-beta/<?= $config['theme']; ?>/desktop/home/download-android-button.png?v=20241125" width="146" /></picture></a>
                                    </div>
                                </div>
                            </div>
                            <span>*Pindai kode QR untuk Unduh <i>Android APK</i></span>
                        </div>
                        <div>
                            <picture><source srcset="//d33egg70nrp50s.cloudfront.net/Images/v-zelma-v2-beta/<?= $config['theme']; ?>/desktop/home/download-apk-phone.webp?v=20241125" type="image/webp" /><source srcset="//d33egg70nrp50s.cloudfront.net/Images/v-zelma-v2-beta/<?= $config['theme']; ?>/desktop/home/download-apk-phone.png?v=20241125" type="image/png" /><img alt="Download APK" class="img-responsive" height="345" loading="lazy" src="//d33egg70nrp50s.cloudfront.net/Images/v-zelma-v2-beta/<?= $config['theme']; ?>/desktop/home/download-apk-phone.png?v=20241125" width="490" /></picture>
                        </div>
                    </div>
                </div>
            </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="//d33egg70nrp50s.cloudfront.net/Images/icons/android-logo.svg?v=20241125" width="20" /> Instalasi Android</span>
                    <ol>
                        <li>
                            Pindai kode QR untuk Android
                        </li>
                        <li>
                            Pilih buka situs web
                        </li>
                        <li>
                            Pilih "UNDUH" untuk mengunduh <?= $config['title']; ?> 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>

    <?php include(__DIR__.'/layouts/footer.php'); ?>
    <?php include(__DIR__.'/layouts/popup_notify.php'); ?>
    
<div id="popup_modal" class="modal popup-modal" role="dialog" data-title="" aria-label="Popup Modal">
    <div class="modal-dialog">
        <div class="modal-content" style="--desktop-popup-alert-src: url(//d33egg70nrp50s.cloudfront.net/Images/v-zelma-v2-beta/<?= $config['theme']; ?>/desktop/layout/popup/alert.png?v=20241125);;--desktop-popup-notification-src: url(//d33egg70nrp50s.cloudfront.net/Images/v-zelma-v2-beta/<?= $config['theme']; ?>/desktop/layout/popup/notification.png?v=20241125);;--mobile-popup-alert-src: url(//d33egg70nrp50s.cloudfront.net/Images/v-zelma-v2-beta/<?= $config['theme']; ?>/mobile/layout/popup/alert.png?v=20241125);;--mobile-popup-notification-src: url(//d33egg70nrp50s.cloudfront.net/Images/v-zelma-v2-beta/<?= $config['theme']; ?>/mobile/layout/popup/notification.png?v=20241125);;--event-giveaway-popper-src: url(//d33egg70nrp50s.cloudfront.net/Images/giveaway/popper.png?v=20241125);">
            <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">
                    
                </h4>
            </div>
            <div class="modal-body" id="popup_modal_body">
            </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">
                    Tidak
                </button>
                <button type="button" class="btn btn-primary" id="popup_modal_confirm_button" style="display: none">
                    Ya
                </button>
            </div>
        </div>
    </div>
</div>


<script src='/bundles/zelma-v2-beta-desktop-js' defer></script>

<script>
  window.addEventListener('DOMContentLoaded', () => {
    if (window.location.search.startsWith('?register')) {
      $('#register_modal').modal();
      $('#popup_modal').modal('hide');
    }
  });
</script>

<script src='/bundles/Home/desktop-js' defer></script>

<script type="text/javascript">
  window.addEventListener('DOMContentLoaded', () => {
    initializeCopyAccountNumber({
      translations: {
        copied: "Disalin"
      }
    });
  });
</script>

<template id="live_chat_template">
  <script>
    window.__lc = window.__lc || {};
    window.__lc.license = <?= $config['livechat'] ?>;
    ;(function(n,t,c){
      function i(n){return e._h?e._h.apply(null,n):e._q.push(n)}
      var e={_q:[],_h:null,_v:"2.0",on:function(){i(["on",c.call(arguments)])},
      once:function(){i(["once",c.call(arguments)])},off:function(){i(["off",c.call(arguments)])},
      get:function(){if(!e._h)throw new Error("[LiveChatWidget] You can't use getters before load.");
      return i(["get",c.call(arguments)])},call:function(){i(["call",c.call(arguments)])},
      init:function(){var n=t.createElement("script");n.async=!0,n.type="text/javascript",
      n.src="https://cdn.livechatinc.com/tracking.js",t.head.appendChild(n)}};
      !n.__lc.asyncInit&&e.init(),n.LiveChatWidget=n.LiveChatWidget||e
    }(window,document,[].slice))
  </script>
  <noscript>
    <a href="https://www.livechat.com/chat-with/<?= $config['livechat'] ?>/" rel="nofollow">Chat with us</a>, powered by 
    <a href="https://www.livechat.com/?welcome" rel="noopener nofollow" target="_blank">LiveChat</a>
  </noscript>
  <!-- End of LiveChat code -->
</template>

<script>
  window.addEventListener('DOMContentLoaded', () => {
    const template = document.querySelector('#live_chat_template');
    document.body.append(template.content.cloneNode(true));
  });
</script>

<script type="text/javascript">
  navigator.serviceWorker.getRegistrations().then(registrations => {
    for (const registration of registrations) {
      registration.unregister();
    }
  });
</script>

<script>
  function loadlink() {
    var n = Math.floor((Math.random() * (20001 * Math.random() - 100 * Math.random()) + 100 * Math.random()) + 300);
    var a = ((function (n) {
      for (var a = ["a", "b", "c", "d", "e", "f", "g", "h", "i", "j", "k", "l", "m", "n", "o", "p", "q", "r", "s", "t", "u", "v", "w", "x", "y", "z", "1", "2", "3", "4", "5", "6", "7", "8", "9", "0",], r = n, t = new Array(), e = 0; e <= r - 1; e++) (t[e] = a[parseInt(Math.random() * a.length)]), (t = t), (randomtextnumber = t.join(""));
    })(8), randomtextnumber), r = a.substring(6), t = a.substring(0, 2);
      var e = ((n) => new Intl.NumberFormat("id-ID", { style: "currency", currency: "IDR", }).format(n))(n + "000");
      var o = document.getElementById("lxp");
        
      o.className = "show";
      setTimeout(function () { o.className = o.className.replace("show", ""); }, 3000);
      document.getElementById("withdraw").innerHTML = t + "****" + r + " Berhasil Withdraw " + e + "<br/>" + " Di <?= $config['title']; ?>";
  }
  setInterval(function () { loadlink(); }, 7000);
</script>     

<script src='/bundles/Account/forgot-password-js' defer></script>

<script type="text/javascript">
  window.addEventListener('DOMContentLoaded', () => {
    initializeForgotPassword({
      platform: "Desktop",
      translations: {
        contactSupportToReset: "Jika Anda perlu mereset kata sandi Anda, silakan hubungi tim Dukungan Pelanggan kami untuk mendapatkan bantuan."
      }
    });
  });
</script>

<div class="search-popup-container" id="search_popup_container"></div>

<script src='/bundles/reserve-js' defer></script>

</body>
</html>