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

    <link href="/Content/zelma-v2-beta-mobile-css" rel="stylesheet"/>
    <link href="/Content/Loyalty/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="DRtoiYOia/b5qnFsIyrWkaGb0wMITNaV4qPalojPseS1QFi2k6i58w=="
      data-route="loyalty/benefits" 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);">


<?php include(__DIR__ . "/../layouts/navbar.php"); ?>

<div class="standard-form-container loyalty-container">
    <div class="container">
        <div class="row">
            <div class="col-sm-12">
                <div class="standard-form-title">
                    Cara kerja
                </div>
                <div class="standard-form-content">
                    <div class="how-it-works-container">
                        <div class="how-it-works-banner">
                            <picture><source srcset="//d33egg70nrp50s.cloudfront.net/Images/v-zelma-v2-beta/<?= $config['theme']; ?>/mobile/loyalty/how-it-works/banner.webp?v=20241125" type="image/webp" /><source srcset="//d33egg70nrp50s.cloudfront.net/Images/v-zelma-v2-beta/<?= $config['theme']; ?>/mobile/loyalty/how-it-works/banner.png?v=20241125" type="image/png" /><img loading="lazy" src="//d33egg70nrp50s.cloudfront.net/Images/v-zelma-v2-beta/<?= $config['theme']; ?>/mobile/loyalty/how-it-works/banner.png?v=20241125" /></picture>
                        </div>
                        <div class="how-it-works-section">
                            <div class="how-it-works-list">
                                <div class="how-it-works-item">
                                    <div class="how-it-works-text-container">
                                        <h2>Cara mendapatkan LP &amp; EXP</h2>
                                        <p>
                                            Setiap IDR 1,000.00 Turnover Mendapatkan 1 LP dan 1 EXP
                                        </p>
                                    </div>
                                    <div class="how-it-works-image-container">
                                        <picture><source srcset="//d33egg70nrp50s.cloudfront.net/Images/v-zelma-v2-beta/<?= $config['theme']; ?>/mobile/loyalty/how-it-works/get-xp/1-IDR.webp?v=20241125" type="image/webp" /><source srcset="//d33egg70nrp50s.cloudfront.net/Images/v-zelma-v2-beta/<?= $config['theme']; ?>/mobile/loyalty/how-it-works/get-xp/1-IDR.png?v=20241125" type="image/png" /><img loading="lazy" src="//d33egg70nrp50s.cloudfront.net/Images/v-zelma-v2-beta/<?= $config['theme']; ?>/mobile/loyalty/how-it-works/get-xp/1-IDR.png?v=20241125" /></picture>
                                    </div>
                                </div>
                                <div class="how-it-works-item">
                                    <div class="how-it-works-text-container">
                                        <p>Dengan menyelesaikan misi, Anda akan mendapatkan EXP gratis untuk meningkatkan level Anda</p>
                                    </div>
                                    <div class="how-it-works-image-container">
                                        <picture><source srcset="//d33egg70nrp50s.cloudfront.net/Images/v-zelma-v2-beta/<?= $config['theme']; ?>/mobile/loyalty/how-it-works/get-xp/2.webp?v=20241125" type="image/webp" /><source srcset="//d33egg70nrp50s.cloudfront.net/Images/v-zelma-v2-beta/<?= $config['theme']; ?>/mobile/loyalty/how-it-works/get-xp/2.png?v=20241125" type="image/png" /><img loading="lazy" src="//d33egg70nrp50s.cloudfront.net/Images/v-zelma-v2-beta/<?= $config['theme']; ?>/mobile/loyalty/how-it-works/get-xp/2.png?v=20241125" /></picture>
                                    </div>
                                </div>
                                <div class="how-it-works-item">
                                    <div class="how-it-works-text-container">
                                        <p>Klaim hadiah harian untuk mendapatkan EXP Gratis</p>
                                    </div>
                                    <div class="how-it-works-image-container">
                                        <picture><source srcset="//d33egg70nrp50s.cloudfront.net/Images/v-zelma-v2-beta/<?= $config['theme']; ?>/mobile/loyalty/how-it-works/get-xp/3.webp?v=20241125" type="image/webp" /><source srcset="//d33egg70nrp50s.cloudfront.net/Images/v-zelma-v2-beta/<?= $config['theme']; ?>/mobile/loyalty/how-it-works/get-xp/3.png?v=20241125" type="image/png" /><img loading="lazy" src="//d33egg70nrp50s.cloudfront.net/Images/v-zelma-v2-beta/<?= $config['theme']; ?>/mobile/loyalty/how-it-works/get-xp/3.png?v=20241125" /></picture>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="how-it-works-section">
                            <div class="how-it-works-list">
                                <div class="how-it-works-item">
                                    <div class="how-it-works-text-container">
                                        <h2>Kadaluwarsa LP</h2>
                                        <p>LP Anda akan kadaluwarsa setelah 3 tahun</p>
                                    </div>
                                    <div class="how-it-works-image-container">
                                        <picture><source srcset="//d33egg70nrp50s.cloudfront.net/Images/v-zelma-v2-beta/<?= $config['theme']; ?>/mobile/loyalty/how-it-works/lp-expiration/1.webp?v=20241125" type="image/webp" /><source srcset="//d33egg70nrp50s.cloudfront.net/Images/v-zelma-v2-beta/<?= $config['theme']; ?>/mobile/loyalty/how-it-works/lp-expiration/1.png?v=20241125" type="image/png" /><img loading="lazy" src="//d33egg70nrp50s.cloudfront.net/Images/v-zelma-v2-beta/<?= $config['theme']; ?>/mobile/loyalty/how-it-works/lp-expiration/1.png?v=20241125" /></picture>
                                    </div>
                                </div>
                            </div>
                        </div>
                            <div class="how-it-works-section">
                                <div class="how-it-works-list">
                                    <div class="how-it-works-item">
                                        <div class="how-it-works-text-container">
                                            <h2>Penukaran</h2>
                                            <p>Kunjungi halaman penukaran kami untuk menemukan berbagai macam barang yang dapat dibeli menggunakan LP.</p>
                                        </div>
                                        <div class="how-it-works-image-container">
                                            <picture><source srcset="//d33egg70nrp50s.cloudfront.net/Images/v-zelma-v2-beta/<?= $config['theme']; ?>/mobile/loyalty/how-it-works/redemption/1.webp?v=20241125" type="image/webp" /><source srcset="//d33egg70nrp50s.cloudfront.net/Images/v-zelma-v2-beta/<?= $config['theme']; ?>/mobile/loyalty/how-it-works/redemption/1.png?v=20241125" type="image/png" /><img loading="lazy" src="//d33egg70nrp50s.cloudfront.net/Images/v-zelma-v2-beta/<?= $config['theme']; ?>/mobile/loyalty/how-it-works/redemption/1.png?v=20241125" /></picture>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        <div class="how-it-works-section">
                            <div class="how-it-works-list">
                                <div class="how-it-works-item">
                                    <div class="how-it-works-text-container">
                                        <h2>Peningkatan EXP</h2>
                                        <p>Tingkatkan level Anda dengan menukarkan sejumlah EXP</p>
                                    </div>
                                    <div class="how-it-works-image-container">
                                        <picture><source srcset="//d33egg70nrp50s.cloudfront.net/Images/v-zelma-v2-beta/<?= $config['theme']; ?>/mobile/loyalty/how-it-works/xp-level-up/1.webp?v=20241125" type="image/webp" /><source srcset="//d33egg70nrp50s.cloudfront.net/Images/v-zelma-v2-beta/<?= $config['theme']; ?>/mobile/loyalty/how-it-works/xp-level-up/1.png?v=20241125" type="image/png" /><img loading="lazy" src="//d33egg70nrp50s.cloudfront.net/Images/v-zelma-v2-beta/<?= $config['theme']; ?>/mobile/loyalty/how-it-works/xp-level-up/1.png?v=20241125" /></picture>
                                    </div>
                                </div>
                                <div class="how-it-works-item">
                                    <div class="how-it-works-text-container">
                                        <p>Seiring dengan kemajuan level, Anda akan membuka lebih banyak keuntungan dan bonus eksklusif</p>
                                    </div>
                                    <div class="how-it-works-image-container">
                                        <picture><source srcset="//d33egg70nrp50s.cloudfront.net/Images/v-zelma-v2-beta/<?= $config['theme']; ?>/mobile/loyalty/how-it-works/xp-level-up/2.webp?v=20241125" type="image/webp" /><source srcset="//d33egg70nrp50s.cloudfront.net/Images/v-zelma-v2-beta/<?= $config['theme']; ?>/mobile/loyalty/how-it-works/xp-level-up/2.png?v=20241125" type="image/png" /><img loading="lazy" src="//d33egg70nrp50s.cloudfront.net/Images/v-zelma-v2-beta/<?= $config['theme']; ?>/mobile/loyalty/how-it-works/xp-level-up/2.png?v=20241125" /></picture>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="how-it-works-section">
                            <div class="how-it-works-list">
                                <div class="how-it-works-item">
                                    <div class="how-it-works-text-container">
                                        <h2>Penyebab turun level</h2>
                                        <p>Jika dalam 1 tahun Anda tidak berhasil mengumpulkan 50% syarat kenaikan level sebelumnya, maka dengan otomatis level Anda akan turun 1 tingkat dan seluruh EXP yang Anda miliki akan hilang.</p>
                                    </div>
                                    <div class="how-it-works-image-container">
                                        <picture><source srcset="//d33egg70nrp50s.cloudfront.net/Images/v-zelma-v2-beta/<?= $config['theme']; ?>/mobile/loyalty/how-it-works/down-tier/1.webp?v=20241125" type="image/webp" /><source srcset="//d33egg70nrp50s.cloudfront.net/Images/v-zelma-v2-beta/<?= $config['theme']; ?>/mobile/loyalty/how-it-works/down-tier/1.png?v=20241125" type="image/png" /><img loading="lazy" src="//d33egg70nrp50s.cloudfront.net/Images/v-zelma-v2-beta/<?= $config['theme']; ?>/mobile/loyalty/how-it-works/down-tier/1.png?v=20241125" /></picture>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </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/Loyalty/page-js' defer></script>

    <script type="text/javascript">
        window.addEventListener('DOMContentLoaded', () => {
            initializeBenefitPage();
        });
    </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>
