<?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/Promotions/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="promotion" 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="<?= $pesan; ?>" 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="container">
              <div class="row">
                <div class="col-sm-12">
                  <div class="top-tab-container promotion">
                    <a href="/mobile/promotion" data-active="true">
                      Semua Promosi
                    </a>
                    <a href="#" data-active="false">
                      Semua Event Provider
                    </a>
                  </div>
            
                  <div class="promotion-selection">
                    <a href="/mobile/promotion" data-active="true">
                      Semua Promosi
                    </a>
                    <a href="#" data-active="false">
                      Member Baru
                    </a>
                    <a href="#" data-active="false">
                      Spesial
                    </a>
                    <a href="#" data-active="false">
                      Olahraga
                    </a>
                    <a href="#" data-active="false">
                      Live Casino
                    </a>
                    <a href="#" data-active="false">
                      Slots
                    </a>
                    <a href="#" data-active="false">
                      Poker
                    </a>
                    <a href="#" data-active="false">
                      Sabung Ayam
                    </a>
                    <a href="#" data-active="false">
                      4D Lottery
                    </a>
                  </div>

                  <div class="promotion-list">
                    <?php foreach ($promotion as $promo): ?>
                    <div class="promotion-item promotion_item">
                        <img src="/<?= $promo['image']; ?>" />
                        <div class="button-container">
                            <div class="promotion-label">
                                <h2><?= $promo['title']; ?></h2>
                                <h3>Tanggal akhir: <span>-</span></h3>
                            </div>
                            <div>
                            <a href="/Promotion/Claims" class="click-for-get-promo-button">Ambil Promo</a>
                            <a href="/mobile/promotion/details/abaa65aa-c7c7-4e3f-9cfa-3ab08515438a" class="click-for-more-info-button">Detail</a>
                            </div>
                        </div>
                    </div>
                    <?php endforeach; ?>
                  </div>
                </div>
              </div>
            </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">
  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>
