<?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">
                    Tingkat Loyalitas
                </div>
                <div class="loyalty-top-bar-container">
                    <div class="loyalty-experience-section">
                        <div class="loyalty-experience-container">
                            <div class="loyalty-badge">
                                <img class="loyalty_level" data-image-path="//d33egg70nrp50s.cloudfront.net/Images/v-zelma-v2-beta/<?= $config['theme']; ?>/mobile/loyalty/badge/" loading="lazy" src="//d33egg70nrp50s.cloudfront.net/Images/v-zelma-v2-beta/<?= $config['theme']; ?>/mobile/loyalty/badge/bronze.svg?v=20241125" />
                            </div>
                            <div class="loyalty-experience-item">
                                <div class="loyalty-experience-level">
                                    <span class="loyalty-level bronze">bronze</span>
                                    <div class="loyalty-experience-amount" id="loyalty_experience_amount">
                                        <span>0</span>/25,000 EXP
                                    </div>
                                </div>
                                <div class="loyalty-experience-bar">
                                    <div class="xp-label">EXP</div>
                                    <div class="loyalty-experience-progress">
                                        <div class="progress loyalty_experience_progress" style="width: 0%"></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="loyalty-benefit-section">
                        <div>
                            <div class="loyalty-benefit-item">
                                <div>
                                    Jumlah Akumulasi EXP:
                                    <span> 0</span>
                                </div>
                                <div class="info-container">
                                    <button class="info-icon" data-toggle="modal" data-target="#popup_total_exp_point">
                                        i
                                    </button>
                                </div>
                            </div>
                            <div class="loyalty-benefit-item">
                                <div>
                                    Jumlah Turnover:
                                    <span> 0</span>
                                </div>
                                <div class="info-container">
                                    <button class="info-icon" data-toggle="modal" data-target="#popup_total_turnover">
                                        i
                                    </button>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div id="popup_total_exp_point" class="modal popup-modal " role="dialog" aria-label="Popup Modal">
                        <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>
                                <div class="modal-body loyalty-benefit-modal-body">
                                    <span class="popup-title">Jumlah Akumulasi EXP</span>
                                    <p>Total Akumulasi EXP adalah jumlah keseluruhan EXP yang telah diperoleh hingga saat ini.</p>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div id="popup_total_turnover" class="modal popup-modal " role="dialog" aria-label="Popup Modal">
                        <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>
                                <div class="modal-body loyalty-benefit-modal-body">
                                    <span class="popup-title">Jumlah Turnover</span>
                                    <p>Total Turnover adalah nilai turnover di dalam permainan yang telah dihasilkan hingga saat ini.</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="standard-form-content">
                    <div class="loyalty-level-container">
                            <div class="loyalty-level-item loyalty_level_item" data-is-level-locked="false" data-selected="true" data-level="bronze">
                                <div class="loyalty-level-badge-container">
                                    <img class="loyalty-level-badge" loading="lazy" src="//d33egg70nrp50s.cloudfront.net/Images/v-zelma-v2-beta/<?= $config['theme']; ?>/mobile/loyalty/badge/bronze.svg?v=20241125" />

                                </div>
                                <div class="loyalty-level-title-container">
                                    <h3 class="loyalty-level bronze">BRONZE</h3>
                                    <span>0 EXP</span>
                                </div>
                                <div class="loyalty-level-progress-container" data-is-level-reached="true">
                                    <div>
                                        <div class="loyalty-level-progress-point">
<img loading="lazy" src="//d33egg70nrp50s.cloudfront.net/Images/icons/check.svg?v=20241125" />                                        </div>
                                            <div class="loyalty-level-progress-bar">
                                                <div class="level-progress" data-width="0%" style="width: 0%"></div>
                                            </div>
                                    </div>
                                </div>
                            </div>
                            <div class="loyalty-level-item loyalty_level_item" data-is-level-locked="true" data-selected="false" data-level="silver">
                                <div class="loyalty-level-badge-container">
                                    <img class="loyalty-level-badge" loading="lazy" src="//d33egg70nrp50s.cloudfront.net/Images/v-zelma-v2-beta/<?= $config['theme']; ?>/mobile/loyalty/badge/silver.svg?v=20241125" />

                                    <img class="loyalty-level-locked" loading="lazy" src="//d33egg70nrp50s.cloudfront.net/Images/v-zelma-v2-beta/<?= $config['theme']; ?>/mobile/loyalty/benefit/lock.svg?v=20241125" />                                </div>
                                <div class="loyalty-level-title-container">
                                    <h3 class="loyalty-level silver">SILVER</h3>
                                    <span>25RB EXP</span>
                                </div>
                                <div class="loyalty-level-progress-container" data-is-level-reached="false">
                                    <div>
                                        <div class="loyalty-level-progress-point">
                                        </div>
                                            <div class="loyalty-level-progress-bar">
                                                <div class="level-progress" data-width="0%" style="width: 0%"></div>
                                            </div>
                                    </div>
                                </div>
                            </div>
                            <div class="loyalty-level-item loyalty_level_item" data-is-level-locked="true" data-selected="false" data-level="gold">
                                <div class="loyalty-level-badge-container">
                                    <img class="loyalty-level-badge" loading="lazy" src="//d33egg70nrp50s.cloudfront.net/Images/v-zelma-v2-beta/<?= $config['theme']; ?>/mobile/loyalty/badge/gold.svg?v=20241125" />
                                    <img class="loyalty-level-locked" loading="lazy" src="//d33egg70nrp50s.cloudfront.net/Images/v-zelma-v2-beta/<?= $config['theme']; ?>/mobile/loyalty/benefit/lock.svg?v=20241125" />                                </div>
                                <div class="loyalty-level-title-container">
                                    <h3 class="loyalty-level gold">GOLD</h3>
                                    <span>500RB EXP</span>
                                </div>
                                <div class="loyalty-level-progress-container" data-is-level-reached="false">
                                    <div>
                                        <div class="loyalty-level-progress-point">
                                        </div>
                                            <div class="loyalty-level-progress-bar">
                                                <div class="level-progress" data-width="0%" style="width: 0%"></div>
                                            </div>
                                    </div>
                                </div>
                            </div>
                            <div class="loyalty-level-item loyalty_level_item" data-is-level-locked="true" data-selected="false" data-level="platinum">
                                <div class="loyalty-level-badge-container">
                                    <img class="loyalty-level-badge" loading="lazy" src="//d33egg70nrp50s.cloudfront.net/Images/v-zelma-v2-beta/<?= $config['theme']; ?>/mobile/loyalty/badge/platinum.svg?v=20241125" />
                                    <img class="loyalty-level-locked" loading="lazy" src="//d33egg70nrp50s.cloudfront.net/Images/v-zelma-v2-beta/<?= $config['theme']; ?>/mobile/loyalty/benefit/lock.svg?v=20241125" />                                </div>
                                <div class="loyalty-level-title-container">
                                    <h3 class="loyalty-level platinum">PLATINUM</h3>
                                    <span>5JT EXP</span>
                                </div>
                                <div class="loyalty-level-progress-container" data-is-level-reached="false">
                                    <div>
                                        <div class="loyalty-level-progress-point">
                                        </div>
                                            <div class="loyalty-level-progress-bar">
                                                <div class="level-progress" data-width="0%" style="width: 0%"></div>
                                            </div>
                                    </div>
                                </div>
                            </div>
                            <div class="loyalty-level-item loyalty_level_item" data-is-level-locked="true" data-selected="false" data-level="diamond">
                                <div class="loyalty-level-badge-container">
                                    <img class="loyalty-level-badge" loading="lazy" src="//d33egg70nrp50s.cloudfront.net/Images/v-zelma-v2-beta/<?= $config['theme']; ?>/mobile/loyalty/badge/diamond.svg?v=20241125" />
                                    <img class="loyalty-level-locked" loading="lazy" src="//d33egg70nrp50s.cloudfront.net/Images/v-zelma-v2-beta/<?= $config['theme']; ?>/mobile/loyalty/benefit/lock.svg?v=20241125" />                                </div>
                                <div class="loyalty-level-title-container">
                                    <h3 class="loyalty-level diamond">DIAMOND</h3>
                                    <span>50JT EXP</span>
                                </div>
                                <div class="loyalty-level-progress-container" data-is-level-reached="false">
                                    <div>
                                        <div class="loyalty-level-progress-point">
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="remarks-container loyalty-level-remarks-container loyalty_level_remarks_container" data-is-showing="true" data-level="bronze">
                            <span>Selamat!<br />Saat ini Anda adalah Member Bronze.</span>
                        </div>
                        <div class="remarks-container loyalty-level-remarks-container loyalty_level_remarks_container" data-is-showing="false" data-level="silver">
                            <span>Level Terkunci!<br />Kumpulkan terus EXP-mu agar dapat melanjutkan ke Silver.</span>
                        </div>
                        <div class="remarks-container loyalty-level-remarks-container loyalty_level_remarks_container" data-is-showing="false" data-level="gold">
                            <span>Level Terkunci!<br />Kumpulkan terus EXP-mu agar dapat melanjutkan ke Gold.</span>
                        </div>
                        <div class="remarks-container loyalty-level-remarks-container loyalty_level_remarks_container" data-is-showing="false" data-level="platinum">
                            <span>Level Terkunci!<br />Kumpulkan terus EXP-mu agar dapat melanjutkan ke Platinum.</span>
                        </div>
                        <div class="remarks-container loyalty-level-remarks-container loyalty_level_remarks_container" data-is-showing="false" data-level="diamond">
                            <span>Level Terkunci!<br />Kumpulkan terus EXP-mu agar dapat melanjutkan ke Diamond.</span>
                        </div>

                        <div class="loyalty-level-benefits-container loyalty_level_benefits_container" data-is-level-locked="false" data-is-showing="true" data-level="bronze">
                            <div class="loyalty-level-benefits-title">
                                <h3>Hak Istimewa</h3>
                                <span class="loyalty-level bronze">BRONZE</span>
                            </div>
                            <div class="loyalty-level-benefits-list">
                                <div class="loyalty-level-benefits-list-item" data-toggle="modal" data-target="#popup_benefit_extra_lp_Bronze">
                                    <div>
                                        <img loading="lazy" src="//d33egg70nrp50s.cloudfront.net/Images/v-zelma-v2-beta/<?= $config['theme']; ?>/mobile/loyalty/benefit/extra-point-Bronze.svg?v=20241125" />
                                    </div>
                                    <div class="benefits-info">
                                        <span>Ekstra Loyalty Point</span>
                                        <p>Tidak ada bonus</p>
                                    </div>
                                    <img loading="lazy" src="//d33egg70nrp50s.cloudfront.net/Images/icons/chevron-right.svg?v=20241125" />
                                </div>
                                <div class="loyalty-level-benefits-list-item" data-toggle="modal" data-target="#popup_benefit_transaction_priority_Bronze">
                                    <div>
                                        <img loading="lazy" src="//d33egg70nrp50s.cloudfront.net/Images/v-zelma-v2-beta/<?= $config['theme']; ?>/mobile/loyalty/benefit/priority-Bronze.svg?v=20241125" />
                                    </div>
                                    <div class="benefits-info">
                                        <span>Prioritas Transaksi</span>
                                        <p>Dapatkan LP dari setiap turnover</p>
                                    </div>
                                    <img loading="lazy" src="//d33egg70nrp50s.cloudfront.net/Images/icons/chevron-right.svg?v=20241125" />
                                </div>
                            </div>
                        </div>
                        <div id="popup_benefit_extra_lp_Bronze" class="modal popup-modal " role="dialog" aria-label="Popup Modal">
                            <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>
                                    <div class="modal-body loyalty-benefit-modal-body">
                                        <div>
                                            <img loading="lazy" src="//d33egg70nrp50s.cloudfront.net/Images/v-zelma-v2-beta/<?= $config['theme']; ?>/mobile/loyalty/benefit/extra-point-Bronze.svg?v=20241125" />
                                        </div>
                                        <span>Ekstra Loyalty Point</span>
                                        <p>Ekstra Loyalty Point (LP) adalah poin tambahan yang secara otomatis diterima setiap kali melakukan turnover. Persentase ekstra LP bervariasi tergantung level loyalitas.</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div id="popup_benefit_transaction_priority_Bronze" class="modal popup-modal " role="dialog" aria-label="Popup Modal">
                            <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>
                                    <div class="modal-body loyalty-benefit-modal-body">
                                        <div>
                                            <img loading="lazy" src="//d33egg70nrp50s.cloudfront.net/Images/v-zelma-v2-beta/<?= $config['theme']; ?>/mobile/loyalty/benefit/priority-Bronze.svg?v=20241125" />
                                        </div>
                                        <span>Prioritas Transaksi</span>
                                        <p>Prioritas Transaksi adalah layanan unggulan yang memberikan pengalaman terbaik dalam proses deposit dan withdrawal.</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="loyalty-level-benefits-container loyalty_level_benefits_container" data-is-level-locked="true" data-is-showing="false" data-level="silver">
                            <div class="loyalty-level-benefits-title">
                                <img class="loyalty-level-locked" loading="lazy" src="//d33egg70nrp50s.cloudfront.net/Images/v-zelma-v2-beta/<?= $config['theme']; ?>/mobile/loyalty/benefit/lock.svg?v=20241125" />
                                <h3>Hak Istimewa</h3>
                                <span class="loyalty-level silver">SILVER</span>
                            </div>
                            <div class="loyalty-level-benefits-list">
                                <div class="loyalty-level-benefits-list-item" data-toggle="modal" data-target="#popup_benefit_extra_lp_Silver">
                                    <div>
                                        <img loading="lazy" src="//d33egg70nrp50s.cloudfront.net/Images/v-zelma-v2-beta/<?= $config['theme']; ?>/mobile/loyalty/benefit/extra-point-Silver.svg?v=20241125" />
                                    </div>
                                    <div class="benefits-info">
                                        <span>Ekstra Loyalty Point</span>
                                        <p>10% Ekstra LP</p>
                                    </div>
                                    <img loading="lazy" src="//d33egg70nrp50s.cloudfront.net/Images/icons/chevron-right.svg?v=20241125" />
                                </div>
                                <div class="loyalty-level-benefits-list-item" data-toggle="modal" data-target="#popup_benefit_transaction_priority_Silver">
                                    <div>
                                        <img loading="lazy" src="//d33egg70nrp50s.cloudfront.net/Images/v-zelma-v2-beta/<?= $config['theme']; ?>/mobile/loyalty/benefit/priority-Silver.svg?v=20241125" />
                                    </div>
                                    <div class="benefits-info">
                                        <span>Prioritas Transaksi</span>
                                        <p>Dapatkan LP dari setiap turnover</p>
                                    </div>
                                    <img loading="lazy" src="//d33egg70nrp50s.cloudfront.net/Images/icons/chevron-right.svg?v=20241125" />
                                </div>
                            </div>
                        </div>
                        <div id="popup_benefit_extra_lp_Silver" class="modal popup-modal " role="dialog" aria-label="Popup Modal">
                            <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>
                                    <div class="modal-body loyalty-benefit-modal-body">
                                        <div>
                                            <img loading="lazy" src="//d33egg70nrp50s.cloudfront.net/Images/v-zelma-v2-beta/<?= $config['theme']; ?>/mobile/loyalty/benefit/extra-point-Silver.svg?v=20241125" />
                                        </div>
                                        <span>Ekstra Loyalty Point</span>
                                        <p>Ekstra Loyalty Point (LP) adalah poin tambahan yang secara otomatis diterima setiap kali melakukan turnover. Persentase ekstra LP bervariasi tergantung level loyalitas.</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div id="popup_benefit_transaction_priority_Silver" class="modal popup-modal " role="dialog" aria-label="Popup Modal">
                            <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>
                                    <div class="modal-body loyalty-benefit-modal-body">
                                        <div>
                                            <img loading="lazy" src="//d33egg70nrp50s.cloudfront.net/Images/v-zelma-v2-beta/<?= $config['theme']; ?>/mobile/loyalty/benefit/priority-Silver.svg?v=20241125" />
                                        </div>
                                        <span>Prioritas Transaksi</span>
                                        <p>Prioritas Transaksi adalah layanan unggulan yang memberikan pengalaman terbaik dalam proses deposit dan withdrawal.</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="loyalty-level-benefits-container loyalty_level_benefits_container" data-is-level-locked="true" data-is-showing="false" data-level="gold">
                            <div class="loyalty-level-benefits-title">
                                <img class="loyalty-level-locked" loading="lazy" src="//d33egg70nrp50s.cloudfront.net/Images/v-zelma-v2-beta/<?= $config['theme']; ?>/mobile/loyalty/benefit/lock.svg?v=20241125" />
                                    <h3>Hak Istimewa</h3>
                                <span class="loyalty-level gold">GOLD</span>
                            </div>
                            <div class="loyalty-level-benefits-list">
                                <div class="loyalty-level-benefits-list-item" data-toggle="modal" data-target="#popup_benefit_extra_lp_Gold">
                                    <div>
                                        <img loading="lazy" src="//d33egg70nrp50s.cloudfront.net/Images/v-zelma-v2-beta/<?= $config['theme']; ?>/mobile/loyalty/benefit/extra-point-Gold.svg?v=20241125" />
                                    </div>
                                    <div class="benefits-info">
                                        <span>Ekstra Loyalty Point</span>
                                        <p>20% Ekstra LP</p>
                                    </div>
                                    <img loading="lazy" src="//d33egg70nrp50s.cloudfront.net/Images/icons/chevron-right.svg?v=20241125" />
                                </div>
                                <div class="loyalty-level-benefits-list-item" data-toggle="modal" data-target="#popup_benefit_transaction_priority_Gold">
                                    <div>
                                        <img loading="lazy" src="//d33egg70nrp50s.cloudfront.net/Images/v-zelma-v2-beta/<?= $config['theme']; ?>/mobile/loyalty/benefit/priority-Gold.svg?v=20241125" />
                                    </div>
                                    <div class="benefits-info">
                                        <span>Prioritas Transaksi</span>
                                        <p>Dapatkan LP dari setiap turnover</p>
                                    </div>
                                    <img loading="lazy" src="//d33egg70nrp50s.cloudfront.net/Images/icons/chevron-right.svg?v=20241125" />
                                </div>
                            </div>
                        </div>
                        <div id="popup_benefit_extra_lp_Gold" class="modal popup-modal " role="dialog" aria-label="Popup Modal">
                            <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>
                                    <div class="modal-body loyalty-benefit-modal-body">
                                        <div>
                                            <img loading="lazy" src="//d33egg70nrp50s.cloudfront.net/Images/v-zelma-v2-beta/<?= $config['theme']; ?>/mobile/loyalty/benefit/extra-point-Gold.svg?v=20241125" />
                                        </div>
                                        <span>Ekstra Loyalty Point</span>
                                        <p>Ekstra Loyalty Point (LP) adalah poin tambahan yang secara otomatis diterima setiap kali melakukan turnover. Persentase ekstra LP bervariasi tergantung level loyalitas.</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div id="popup_benefit_transaction_priority_Gold" class="modal popup-modal " role="dialog" aria-label="Popup Modal">
                            <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>
                                    <div class="modal-body loyalty-benefit-modal-body">
                                        <div>
                                            <img loading="lazy" src="//d33egg70nrp50s.cloudfront.net/Images/v-zelma-v2-beta/<?= $config['theme']; ?>/mobile/loyalty/benefit/priority-Gold.svg?v=20241125" />
                                        </div>
                                        <span>Prioritas Transaksi</span>
                                        <p>Prioritas Transaksi adalah layanan unggulan yang memberikan pengalaman terbaik dalam proses deposit dan withdrawal.</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="loyalty-level-benefits-container loyalty_level_benefits_container" data-is-level-locked="true" data-is-showing="false" data-level="platinum">
                            <div class="loyalty-level-benefits-title">
                                <img class="loyalty-level-locked" loading="lazy" src="//d33egg70nrp50s.cloudfront.net/Images/v-zelma-v2-beta/<?= $config['theme']; ?>/mobile/loyalty/benefit/lock.svg?v=20241125" /> 
                                    <h3>Hak Istimewa</h3>
                                <span class="loyalty-level platinum">PLATINUM</span>
                            </div>
                            <div class="loyalty-level-benefits-list">
                                <div class="loyalty-level-benefits-list-item" data-toggle="modal" data-target="#popup_benefit_extra_lp_Platinum">
                                    <div>
                                        <img loading="lazy" src="//d33egg70nrp50s.cloudfront.net/Images/v-zelma-v2-beta/<?= $config['theme']; ?>/mobile/loyalty/benefit/extra-point-Platinum.svg?v=20241125" />
                                    </div>
                                    <div class="benefits-info">
                                        <span>Ekstra Loyalty Point</span>
                                        <p>30% Ekstra LP</p>
                                    </div>
                                    <img loading="lazy" src="//d33egg70nrp50s.cloudfront.net/Images/icons/chevron-right.svg?v=20241125" />
                                </div>
                                <div class="loyalty-level-benefits-list-item" data-toggle="modal" data-target="#popup_benefit_transaction_priority_Platinum">
                                    <div>
                                        <img loading="lazy" src="//d33egg70nrp50s.cloudfront.net/Images/v-zelma-v2-beta/<?= $config['theme']; ?>/mobile/loyalty/benefit/priority-Platinum.svg?v=20241125" />
                                    </div>
                                    <div class="benefits-info">
                                        <span>Prioritas Transaksi</span>
                                        <p>Dapatkan LP dari setiap turnover</p>
                                    </div>
                                    <img loading="lazy" src="//d33egg70nrp50s.cloudfront.net/Images/icons/chevron-right.svg?v=20241125" />
                                </div>
                            </div>
                        </div>
                        <div id="popup_benefit_extra_lp_Platinum" class="modal popup-modal " role="dialog" aria-label="Popup Modal">
                            <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>
                                    <div class="modal-body loyalty-benefit-modal-body">
                                        <div>
                                            <img loading="lazy" src="//d33egg70nrp50s.cloudfront.net/Images/v-zelma-v2-beta/<?= $config['theme']; ?>/mobile/loyalty/benefit/extra-point-Platinum.svg?v=20241125" />
                                        </div>
                                        <span>Ekstra Loyalty Point</span>
                                        <p>Ekstra Loyalty Point (LP) adalah poin tambahan yang secara otomatis diterima setiap kali melakukan turnover. Persentase ekstra LP bervariasi tergantung level loyalitas.</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div id="popup_benefit_transaction_priority_Platinum" class="modal popup-modal " role="dialog" aria-label="Popup Modal">
                            <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>
                                    <div class="modal-body loyalty-benefit-modal-body">
                                        <div>
                                            <img loading="lazy" src="//d33egg70nrp50s.cloudfront.net/Images/v-zelma-v2-beta/<?= $config['theme']; ?>/mobile/loyalty/benefit/priority-Platinum.svg?v=20241125" />
                                        </div>
                                        <span>Prioritas Transaksi</span>
                                        <p>Prioritas Transaksi adalah layanan unggulan yang memberikan pengalaman terbaik dalam proses deposit dan withdrawal.</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="loyalty-level-benefits-container loyalty_level_benefits_container" data-is-level-locked="true" data-is-showing="false" data-level="diamond">
                            <div class="loyalty-level-benefits-title">
                                <img class="loyalty-level-locked" loading="lazy" src="//d33egg70nrp50s.cloudfront.net/Images/v-zelma-v2-beta/<?= $config['theme']; ?>/mobile/loyalty/benefit/lock.svg?v=20241125" />
                                <h3>Hak Istimewa</h3>
                                <span class="loyalty-level diamond">DIAMOND</span>
                            </div>
                            <div class="loyalty-level-benefits-list">
                                <div class="loyalty-level-benefits-list-item" data-toggle="modal" data-target="#popup_benefit_extra_lp_Diamond">
                                    <div>
                                        <img loading="lazy" src="//d33egg70nrp50s.cloudfront.net/Images/v-zelma-v2-beta/<?= $config['theme']; ?>/mobile/loyalty/benefit/extra-point-Diamond.svg?v=20241125" />
                                    </div>
                                    <div class="benefits-info">
                                        <span>Ekstra Loyalty Point</span>
                                        <p>50% Ekstra LP</p>
                                    </div>
                                    <img loading="lazy" src="//d33egg70nrp50s.cloudfront.net/Images/icons/chevron-right.svg?v=20241125" />
                                </div>
                                <div class="loyalty-level-benefits-list-item" data-toggle="modal" data-target="#popup_benefit_transaction_priority_Diamond">
                                    <div>
                                        <img loading="lazy" src="//d33egg70nrp50s.cloudfront.net/Images/v-zelma-v2-beta/<?= $config['theme']; ?>/mobile/loyalty/benefit/priority-Diamond.svg?v=20241125" />
                                    </div>
                                    <div class="benefits-info">
                                        <span>Prioritas Transaksi</span>
                                        <p>Dapatkan LP dari setiap turnover</p>
                                    </div>
                                    <img loading="lazy" src="//d33egg70nrp50s.cloudfront.net/Images/icons/chevron-right.svg?v=20241125" />
                                </div>
                            </div>
                        </div>
                        <div id="popup_benefit_extra_lp_Diamond" class="modal popup-modal " role="dialog" aria-label="Popup Modal">
                            <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>
                                    <div class="modal-body loyalty-benefit-modal-body">
                                        <div>
                                            <img loading="lazy" src="//d33egg70nrp50s.cloudfront.net/Images/v-zelma-v2-beta/<?= $config['theme']; ?>/mobile/loyalty/benefit/extra-point-Diamond.svg?v=20241125" />
                                        </div>
                                        <span>Ekstra Loyalty Point</span>
                                        <p>Ekstra Loyalty Point (LP) adalah poin tambahan yang secara otomatis diterima setiap kali melakukan turnover. Persentase ekstra LP bervariasi tergantung level loyalitas.</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div id="popup_benefit_transaction_priority_Diamond" class="modal popup-modal " role="dialog" aria-label="Popup Modal">
                            <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>
                                    <div class="modal-body loyalty-benefit-modal-body">
                                        <div>
                                            <img loading="lazy" src="//d33egg70nrp50s.cloudfront.net/Images/v-zelma-v2-beta/<?= $config['theme']; ?>/mobile/loyalty/benefit/priority-Diamond.svg?v=20241125" />
                                        </div>
                                        <span>Prioritas Transaksi</span>
                                        <p>Prioritas Transaksi adalah layanan unggulan yang memberikan pengalaman terbaik dalam proses deposit dan withdrawal.</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </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">
        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>
