<?php
        if ($id_login == TRUE) {
            ?>
            <div class="loyalty-info-container" id="loyalty_info_container">
    <div class="loyalty-info">
        <div class="loyalty-info-item loyalty-point-section" id="loyalty_point_section">
            <div class="loyalty-point-badge">
                 <a href=/mobile/loyalty/event-calendar>
                                <img id="loyalty_level" loading="lazy" src="//d33egg70nrp50s.cloudfront.net/Images/v-zelma-v2-charlie/dark-green/mobile/loyalty/badge/silver.svg?v=20240813" />
                    <input type=hidden id="loyalty_level_img_path" value="//d33egg70nrp50s.cloudfront.net/Images/v-zelma-v2-charlie/dark-green/mobile/loyalty/badge/" />
                </a>
            </div>
            <div class=loyalty-point-detail>
                    <span class=username><?php echo $punya_user['username'] ?></span>
                           <div class="loyalty-point-info" id="loyalty_point_info">
                                <a href=/mobile/loyalty/event-calendar>
                                    <div class=lp-label>LP</div>
                                    <div class=loyalty-point id=loyalty_point>0</div>
                                </a>
                            </div>
                        </div>
                    </div>
                    <div class="loyalty-info-item user-info">
                        <div class=wallet-container id=wallet_container data-locked-balance=false>
                            <div class=balance-container>
                                <div class=username>
                                    <span>Dompet Utama </span>
                                </div>
                                <div class=balance>
                                    <a href=# data-toggle=dropdown>
                                        IDR <span name="mainBalance"><?php echo number_format($balance, 2, ".", ","); ?>
                                    </a>
                                    
                                </div>
                                <div class=locked-balance>
                                    <img alt="Locked Balance" loading=lazy src="//d1bnhxh1olb98c.cloudfront.net/Images/nexus-alpha/red/mobile/layout/lock.svg?v=20240219">
                                    IDR <span id=total_locked_balance>-1.00 </span>
                                </div>
                            </div>
                            <div class=refresh-container>
                                <button title=Refresh id=refresh_balance>
                                    <picture>
                                        <source srcset="//d33egg70nrp50s.cloudfront.net/Images/v-zelma-v2-charlie/dark-green/mobile/layout/refresh.svg?v=0" type=image/webp>
                                        <source srcset="//d33egg70nrp50s.cloudfront.net/Images/v-zelma-v2-charlie/dark-green/mobile/layout/refresh.svg?v=0" type=image/png>
                                        <img alt="Refresh Balance" loading=lazy  src="//d33egg70nrp50s.cloudfront.net/Images/v-zelma-v2-charlie/dark-green/mobile/layout/refresh.svg?v=0">
                                    </picture>
                                </button>
                            </div>
                        </div>
                    </div>
                </div>
                <div class=loyalty-experience id=loyalty_experience>
                    <div class=xp-label>XP</div>
                    <div class=loyalty-experience-progress>
                        <span id=loyalty_experience_percentage>0 XP / 25,000 XP (0%)</span>
                        <div class=progress id=loyalty_experience_progress style=width:0></div>
                    </div>
                </div>
            </div>
            <?php
        }
        ?>
<div class=tab-menu-background-container>
	<div class=tab-menu-container data-style=vertical>
		<a href="?page=profile" data-active=true>
			<i data-icon=profile style="--image-src:url(//d1bnhxh1olb98c.cloudfront.net/Images/nexus-alpha/red/mobile/tabs/profile.svg?v=20240219);--active-image-src:url(//d1bnhxh1olb98c.cloudfront.net/Images/nexus-alpha/red/mobile/tabs/profile-active.svg?v=20240219)"></i>
			Akun Saya 
		</a>
		<a href="?page=ubah_password" data-active=false>
			<i data-icon=password style="--image-src:url(//d1bnhxh1olb98c.cloudfront.net/Images/nexus-alpha/red/mobile/tabs/password.svg?v=20240219);--active-image-src:url(//d1bnhxh1olb98c.cloudfront.net/Images/nexus-alpha/red/mobile/tabs/password-active.svg?v=20240219)"></i>
			Ubah Kata Sandi 
		</a>
	</div>
</div>
<div class="standard-form-container profile-container">
	<div class="container">
		<div class="row">
			<div class="col-sm-12">
				<div class="standard-form-title">INFORMASI AKUN</div>
				<div class="standard-content-info">
					<table class="table profile-summary-table">
						<tbody>
							<tr>
								<th>Nama Lengkap</th>
								<td>:</td>
								<td>
									<?php echo $punya_user['nama_lengkap'] ?>
								</td>
							</tr>
							<tr>
								<th>Email</th>
								<td>:</td>
								<td>
									<?php echo $punya_user['email'] ?>
								</td>	
							</tr>		
							<tr>
								<th>Nama Pengguna</th>
								<td>:</td>
								<td>
									<?php echo $punya_user['username'] ?>
								</td>
							</tr>
							<tr>
								<th>Mata Uang</th>
								<td>:</td>
								<td>IDR</td>
								
							</tr>
						</tbody>
					</table>
				</div>
<?php
// 1. Ambil data bank milik user yang sedang login
// Asumsi $_SESSION['id'] adalah ID user yang login
$id_user_login = $_SESSION['id'];
$query_bank_user = mysqli_query($koneksi, "SELECT * FROM tb_bank WHERE id_user = '$id_user_login' AND level = 'user' LIMIT 1");
$bank_user = mysqli_fetch_array($query_bank_user);

?>
				<!-- Detail perbankan dipindahkan ke sini -->
				<div class="standard-content-block ">
					<div class="banking-details-header">
						<label>Detail Perbankan</label>
					</div>
					<div id="bank_account_carousel" class="carousel slide bank-info-container" data-interval="false" data-ride="carousel">
						<ol class=carousel-indicators>
							<li data-target=#bank_account_carousel data-slide-to=0 class=active></li>
						</ol>
						<div class=carousel-inner style="background-color: #3e3e3e">
							<div class="bank-info-block item active" style="background-color: #3e3e3e">
								<div class=account-name>
									<?php echo $bank_user['nama_pemilik'] ?> <img class=bank-icon loading=lazy onerror="this.style.display='none'" src="//d1bnhxh1olb98c.cloudfront.net/Images/banks/e-money-dana.svg?v=20240219">
								</div>
								<div class=account-number><?php echo $bank_user['nomor_rekening'] ?></div>
								<hr>
								<div class=bank-name><?php echo $bank_user['nama_bank'] ?></div>
							</div>
						</div>
					</div>
	