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

    <link href="/Content/zelma-v2-beta-mobile-css" rel="stylesheet"/>
    <link href="/Content/Theme/zelma-v2-beta-mobile-<?= $config['theme']; ?>-css" rel="stylesheet"/>

</head>

<body data-online-id=""
      data-route="home" 
      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);
             --desktop-icon-src: url(//d33egg70nrp50s.cloudfront.net/Images/icons/desktop-white.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);">

        <input type="checkbox" id="site_menu_trigger_input" class="site-menu-trigger-input" />
        
        <div class="inner-body-container" id="inner_body_container">
            <div class="inner-body" id="scroll_container">
                
            <header class="site-header">
              <a href="/mobile/home" class="logo">
                <img alt="Logo" loading="lazy" src="/<?= $config['logo']; ?>" />
              </a>
              
              <?php if (isset($_SESSION['user_id'])): ?>
              <div class="header-info">
                <div class="unread-announcements-button" data-announcement-count="0" id="unread_announcements_button">
                  <a href="/mobile/messages/announcement">
                    <img loading="lazy" src="//d33egg70nrp50s.cloudfront.net/Images/v-zelma-v2-beta/<?= $config['theme']; ?>/mobile/layout/bell.svg?v=20241125" />
                  </a>
                </div>
              </div>
              <?php endif; ?>
            
              <label class="site-menu-trigger" for="site_menu_trigger_input" data-new-notification="false">
                <i data-icon="menu"></i>
              </label>
            </header>

<div class="main-menu-outer-container" id="main_menu_outer_container">
  <i class="glyphicon glyphicon-chevron-left left_trigger"></i>
  <main>
    <a href="/mobile/hot-games" data-active="false">
      <img alt="Hot Games" height="25" loading="lazy" src="//d33egg70nrp50s.cloudfront.net/Images/v-zelma-v2-beta/<?= $config['theme']; ?>/mobile/menu/hot-games.svg?v=20241125" style="--image-src: url(//d33egg70nrp50s.cloudfront.net/Images/v-zelma-v2-beta/<?= $config['theme']; ?>/mobile/menu/hot-games-active.svg?v=20241125);" width="25" />
      Hot Games
    </a>
    <a href="/mobile/slots" data-active="false">
      <img alt="Slots" height="25" loading="lazy" src="//d33egg70nrp50s.cloudfront.net/Images/v-zelma-v2-beta/<?= $config['theme']; ?>/mobile/menu/slots.svg?v=20241125" style="--image-src: url(//d33egg70nrp50s.cloudfront.net/Images/v-zelma-v2-beta/<?= $config['theme']; ?>/mobile/menu/slots-active.svg?v=20241125);" width="25" />
      Slots
    </a>
    <a href="/mobile/casino" data-active="false">
      <img alt="Live Casino" height="25" loading="lazy" src="//d33egg70nrp50s.cloudfront.net/Images/v-zelma-v2-beta/<?= $config['theme']; ?>/mobile/menu/casino.svg?v=20241125" style="--image-src: url(//d33egg70nrp50s.cloudfront.net/Images/v-zelma-v2-beta/<?= $config['theme']; ?>/mobile/menu/casino-active.svg?v=20241125);" width="25" />
      Live Casino
    </a>
    <a href="/mobile/others" data-active="false">
      <img alt="Togel" height="25" loading="lazy" src="//d33egg70nrp50s.cloudfront.net/Images/v-zelma-v2-beta/<?= $config['theme']; ?>/mobile/menu/others.svg?v=20241125" style="--image-src: url(//d33egg70nrp50s.cloudfront.net/Images/v-zelma-v2-beta/<?= $config['theme']; ?>/mobile/menu/others-active.svg?v=20241125);" width="25" />
      Togel
    </a>
    <a href="/mobile/sport" data-active="false">
      <img alt="Olahraga" height="25" loading="lazy" src="//d33egg70nrp50s.cloudfront.net/Images/v-zelma-v2-beta/<?= $config['theme']; ?>/mobile/menu/sports.svg?v=20241125" style="--image-src: url(//d33egg70nrp50s.cloudfront.net/Images/v-zelma-v2-beta/<?= $config['theme']; ?>/mobile/menu/sports-active.svg?v=20241125);" width="25" />
      Olahraga
    </a>
    <a href="/mobile/crash-game" data-active="false">
      <img alt="Crash Game" height="25" loading="lazy" src="//d33egg70nrp50s.cloudfront.net/Images/v-zelma-v2-beta/<?= $config['theme']; ?>/mobile/menu/crash-game.svg?v=20241125" style="--image-src: url(//d33egg70nrp50s.cloudfront.net/Images/v-zelma-v2-beta/<?= $config['theme']; ?>/mobile/menu/crash-game-active.svg?v=20241125);" width="25" />
      Crash Game
    </a>
    <a href="/mobile/arcade" data-active="true">
      <img alt="Arcade" height="25" loading="lazy" src="//d33egg70nrp50s.cloudfront.net/Images/v-zelma-v2-beta/<?= $config['theme']; ?>/mobile/menu/arcade.svg?v=20241125" style="--image-src: url(//d33egg70nrp50s.cloudfront.net/Images/v-zelma-v2-beta/<?= $config['theme']; ?>/mobile/menu/arcade-active.svg?v=20241125);" width="25" />
      Arcade
    </a>
    <a href="/mobile/poker" data-active="false">
      <img alt="Poker" height="25" loading="lazy" src="//d33egg70nrp50s.cloudfront.net/Images/v-zelma-v2-beta/<?= $config['theme']; ?>/mobile/menu/poker.svg?v=20241125" style="--image-src: url(//d33egg70nrp50s.cloudfront.net/Images/v-zelma-v2-beta/<?= $config['theme']; ?>/mobile/menu/poker-active.svg?v=20241125);" width="25" />
      Poker
    </a>
    <a href="/mobile/e-sports" data-active="false">
      <img alt="E-Sports" height="25" loading="lazy" src="//d33egg70nrp50s.cloudfront.net/Images/v-zelma-v2-beta/<?= $config['theme']; ?>/mobile/menu/e-sports.svg?v=20241125" style="--image-src: url(//d33egg70nrp50s.cloudfront.net/Images/v-zelma-v2-beta/<?= $config['theme']; ?>/mobile/menu/e-sports-active.svg?v=20241125);" width="25" />
      E-Sports
    </a>
    <a href="/mobile/cockfight" data-active="false">
      <img alt="Sabung Ayam" height="25" loading="lazy" src="//d33egg70nrp50s.cloudfront.net/Images/v-zelma-v2-beta/<?= $config['theme']; ?>/mobile/menu/cockfight.svg?v=20241125" style="--image-src: url(//d33egg70nrp50s.cloudfront.net/Images/v-zelma-v2-beta/<?= $config['theme']; ?>/mobile/menu/cockfight-active.svg?v=20241125);" width="25" />
      Sabung Ayam
    </a>
  </main>
  <i class="glyphicon glyphicon-chevron-right right_trigger"></i>
</div>

<div class="game-list">
    <ul style="--maintenance-text: 'Pemeliharaan'">
<li data-maintenance-status="true">
    <a data-vendor-name="MicroGaming" href="/mobile/arcade/microgaming">
        <picture><source srcset="//d33egg70nrp50s.cloudfront.net/Images/v-zelma-v2-beta/menu/mobile/home-menu-4/game-code-17.webp?v=20240813" type="image/webp" /><source srcset="//d33egg70nrp50s.cloudfront.net/Images/v-zelma-v2-beta/menu/mobile/home-menu-4/game-code-17.webp?v=20240813" type="image/webp" /><img alt="MicroGaming" height="130" loading="lazy" src="//d33egg70nrp50s.cloudfront.net/Images/v-zelma-v2-beta/menu/mobile/home-menu-4/game-code-17.webp?v=20240813" width="130" /></picture>
    </a>
    <span data-vendor-name="MicroGaming">MicroGaming</span>
</li><li data-maintenance-status="false">
    <a data-vendor-name="Joker" href="/">
        <picture><source srcset="//d33egg70nrp50s.cloudfront.net/Images/v-zelma-v2-beta/menu/mobile/home-menu-4/game-code-6.webp?v=20240813" type="image/webp" /><source srcset="//d33egg70nrp50s.cloudfront.net/Images/v-zelma-v2-beta/menu/mobile/home-menu-4/game-code-6.webp?v=20240813" type="image/webp" /><img alt="Joker" height="130" loading="lazy" src="//d33egg70nrp50s.cloudfront.net/Images/v-zelma-v2-beta/menu/mobile/home-menu-4/game-code-6.webp?v=20240813" width="130" /></picture>
    </a>
    <span data-vendor-name="Joker">Joker</span>
</li><li data-maintenance-status="true">
    <a data-vendor-name="Jili" href="/mobile/arcade/jili">
        <picture><source srcset="//d33egg70nrp50s.cloudfront.net/Images/v-zelma-v2-beta/menu/mobile/home-menu-4/game-code-70.webp?v=20240813" type="image/webp" /><source srcset="//d33egg70nrp50s.cloudfront.net/Images/v-zelma-v2-beta/menu/mobile/home-menu-4/game-code-70.webp?v=20240813" type="image/webp" /><img alt="Jili" height="130" loading="lazy" src="//d33egg70nrp50s.cloudfront.net/Images/v-zelma-v2-beta/menu/mobile/home-menu-4/game-code-70.webp?v=20240813" width="130" /></picture>
    </a>
    <span data-vendor-name="Jili">Jili</span>
</li><li data-maintenance-status="true">
    <a data-vendor-name="AMB Slot" href="/mobile/arcade/amb-slot">
        <picture><source srcset="//d33egg70nrp50s.cloudfront.net/Images/v-zelma-v2-beta/menu/mobile/home-menu-4/game-code-61.webp?v=20240813" type="image/webp" /><source srcset="//d33egg70nrp50s.cloudfront.net/Images/v-zelma-v2-beta/menu/mobile/home-menu-4/game-code-61.webp?v=20240813" type="image/webp" /><img alt="AMB Slot" height="130" loading="lazy" src="//d33egg70nrp50s.cloudfront.net/Images/v-zelma-v2-beta/menu/mobile/home-menu-4/game-code-61.webp?v=20240813" width="130" /></picture>
    </a>
    <span data-vendor-name="AMB Slot">AMB Slot</span>
</li><li data-maintenance-status="true">
    <a data-vendor-name="Spade Gaming" href="/mobile/arcade/spade-gaming">
        <picture><source srcset="//d33egg70nrp50s.cloudfront.net/Images/v-zelma-v2-beta/menu/mobile/home-menu-4/game-code-29.webp?v=20240813" type="image/webp" /><source srcset="//d33egg70nrp50s.cloudfront.net/Images/v-zelma-v2-beta/menu/mobile/home-menu-4/game-code-29.webp?v=20240813" type="image/webp" /><img alt="Spade Gaming" height="130" loading="lazy" src="//d33egg70nrp50s.cloudfront.net/Images/v-zelma-v2-beta/menu/mobile/home-menu-4/game-code-29.webp?v=20240813" width="130" /></picture>
    </a>
    <span data-vendor-name="Spade Gaming">Spade Gaming</span>
</li><li data-maintenance-status="true">
    <a data-vendor-name="Fun Gaming" href="/mobile/arcade/fun-gaming">
        <picture><source srcset="//d33egg70nrp50s.cloudfront.net/Images/v-zelma-v2-beta/menu/mobile/home-menu-4/game-code-79.webp?v=20240813" type="image/webp" /><source srcset="//d33egg70nrp50s.cloudfront.net/Images/v-zelma-v2-beta/menu/mobile/home-menu-4/game-code-79.webp?v=20240813" type="image/webp" /><img alt="Fun Gaming" height="130" loading="lazy" src="//d33egg70nrp50s.cloudfront.net/Images/v-zelma-v2-beta/menu/mobile/home-menu-4/game-code-79.webp?v=20240813" width="130" /></picture>
    </a>
    <span data-vendor-name="Fun Gaming">Fun Gaming</span>
</li><li data-maintenance-status="true">
    <a data-vendor-name="Playstar" href="/mobile/arcade/playstar">
        <picture><source srcset="//d33egg70nrp50s.cloudfront.net/Images/v-zelma-v2-beta/menu/mobile/home-menu-4/game-code-65.webp?v=20240813" type="image/webp" /><source srcset="//d33egg70nrp50s.cloudfront.net/Images/v-zelma-v2-beta/menu/mobile/home-menu-4/game-code-65.webp?v=20240813" type="image/webp" /><img alt="Playstar" height="130" loading="lazy" src="//d33egg70nrp50s.cloudfront.net/Images/v-zelma-v2-beta/menu/mobile/home-menu-4/game-code-65.webp?v=20240813" width="130" /></picture>
    </a>
    <span data-vendor-name="Playstar">Playstar</span>
</li><li data-maintenance-status="true">
    <a data-vendor-name="AdvantPlay Mini Game" href="/mobile/arcade/advantplay-mini-game">
        <picture><source srcset="//d33egg70nrp50s.cloudfront.net/Images/v-zelma-v2-beta/menu/mobile/home-menu-4/game-code-62.webp?v=20240813" type="image/webp" /><source srcset="//d33egg70nrp50s.cloudfront.net/Images/v-zelma-v2-beta/menu/mobile/home-menu-4/game-code-62.webp?v=20240813" type="image/webp" /><img alt="AdvantPlay Mini Game" height="130" loading="lazy" src="//d33egg70nrp50s.cloudfront.net/Images/v-zelma-v2-beta/menu/mobile/home-menu-4/game-code-62.webp?v=20240813" width="130" /></picture>
    </a>
    <span data-vendor-name="AdvantPlay Mini Game">AdvantPlay Mini Game</span>
</li><li data-maintenance-status="true">
    <a data-vendor-name="JDB" href="/mobile/arcade/jdb">
        <picture><source srcset="//d33egg70nrp50s.cloudfront.net/Images/v-zelma-v2-beta/menu/mobile/home-menu-4/game-code-51.webp?v=20240813" type="image/webp" /><source srcset="//d33egg70nrp50s.cloudfront.net/Images/v-zelma-v2-beta/menu/mobile/home-menu-4/game-code-51.webp?v=20240813" type="image/webp" /><img alt="JDB" height="130" loading="lazy" src="//d33egg70nrp50s.cloudfront.net/Images/v-zelma-v2-beta/menu/mobile/home-menu-4/game-code-51.webp?v=20240813" width="130" /></picture>
    </a>
    <span data-vendor-name="JDB">JDB</span>
</li>
    </ul>
</div>

<?php
include(__DIR__.'/../layouts/footer.php');
include(__DIR__.'/../layouts/sidebar.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-mobile-js' defer></script>

<script type="text/javascript">
  window.addEventListener('DOMContentLoaded', () => {
    initializeCurrency({
      conversionRate: 1000,
      locale: "id",
      thousandSeparator: "."
    });
  });
</script>

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

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

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

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

</body>
</html>