<main id="main-route">
    <div class="main-content profile">
    <div class="container">
        <div class="profile__container">
            <div class="page-header">Profil</div>
            <div class="profile__tab">
                <div class="row">
                    <div class="col-lg-3">
                        <div class="nav nav-pills" id="v-pills-tab" role="tablist" aria-orientation="vertical">
                            <button class="nav-link active" id="v-pills-account-tab" data-toggle="pill" data-target="#v-pills-account" type="button" role="tab" aria-controls="v-pills-account" aria-selected="true"><i class="fas fa-user-circle"></i><span>Akun Saya</span></button>
                            <button class="nav-link" onclick="location.href = 'function/logout.php'"><i class="fas fa-sign-out-alt"></i><span>Keluar</span></button>
                        </div>
                    </div>
                    <div class="col-lg-9">
                        <div class="tab-content" id="v-pills-tabContent">
                            <div class="tab-pane text-white fade show active" id="v-pills-account" role="tabpanel" aria-labelledby="v-pills-account-tab">
                                <div class="profile-tab__holder my-account">
    <div class="tab-header">Account Information</div>
    <div class="tab-wrapper">
        <div class="row">
            <div class="col-lg-7 h-auto">
                <div class="my-account__info my-account__holder">
                    <div class="row">
                        <div class="col-lg-6">
                            <div class="profile-item">
                                <div class="item-label">Username</div>
                                <h5><span><?php echo $b['nama_pemilik']; ?></h5>
                            </div>
                        </div>
                        <div class="col-lg-6">
                            <div class="profile-status">
                                <div class="item-label">Member Status</div>
                                <div class="status-content">
                                    <h5>NEW PLAYER</h5>
                                                                            <img src="../assets/img/icon/New Player.svg" alt="">
                                                                    </div>
                            </div>
                        </div>
                        <div class="col-lg-6">
                            <div class="profile-item">
                                <div class="item-label">Email Address</div>
                                <h5><?php echo $punya_user['email']; ?></h5>
                            </div>
                        </div>
                        <div class="col-lg-6">
                            <div class="profile-item">
                                <div class="item-label">Phone Number</div>
                                <h5>+<?php echo $punya_user['no_hp']; ?></h5>
                            </div>
                        </div>
                        <form action="function/profil.php" method="POST">
                        <div class="row">
                            <div class="col-lg-4 mb-4">
                                <div class="profile-item">
                                    <div class="item-title">Kata Sandi Lama</div>
                                    <input type="hidden" name="id" value="<?php echo $id_login ?>">
                                    <input type="password" name="password_lama" minlength="8" maxlength="25" class="form-control form-control-sm" placeholder="Kata Sandi Lama">
                                </div>
                            </div>
                            <div class="col-lg-4 mb-4">
                                <div class="profile-item">
                                    <div class="item-title">Kata Sandi Baru</div>
                                    <input type="password" name="password_baru" minlength="8" maxlength="25" class="form-control form-control-sm" placeholder="Kata Sandi Baru">
                                </div>
                            </div>
                            <div class="col-lg-4 mb-4">
                                <div class="profile-item">
                                    <div class="item-title">Konfirmasi Kata Sandi</div>
                                    <input type="password"  name="konfirmasi_password_baru" minlength="8" maxlength="25" class="form-control form-control-sm" placeholder="Konfirmasi Kata Sandi">
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-12">
                        <button type="submit" name="submit" class="btn-submit btn-custom">Kirim</button> </div>
                    </form>
                        
                    </div>
                </div>
            </div>
            <div class="col-lg-5">
                <div class="my-account__bank my-account__holder">
                    <div class="bank-header">
                        <h5>Bank Details</h5>
                        <button class="btn-custom btn-custom-sm" id="profile-add-bank" data-toggle="modal" data-target="#bankDetail">Perlihatkan</button>
                    </div>
                    <div class="profile-bank-swiper swiper-container swiper-container-initialized swiper-container-horizontal swiper-container-ios">
                        <div class="swiper-wrapper" id="otherBank" aria-live="polite" style="transform: translate3d(0px, 0px, 0px);"></div>
                        <div class="swiper-pagination swiper-pagination-clickable swiper-pagination-bullets"><span class="swiper-pagination-bullet swiper-pagination-bullet-active" tabindex="0" role="button" aria-label="Go to slide 1"></span></div>
                    <span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span></div>
                </div>
            </div>
        </div>
        
</div>                            </div>
                            <div class="tab-pane text-white fade" id="v-game-user" role="tabpanel" aria-labelledby="v-game-user-tab">
                                <div class="profile-tab__holder game-user">
    <div class="tab-header">User ID Provider</div>
    <div class="tab-wrapper">
        <div class="game-user-details">
            <div class="form-group">
                <div class="title">Pilih Provider</div>
                <select id="chooseProvider" class="form-control custom-selection">
                    <option value="">--- Pilih Provider ---</option>
                    <option value="JOK">JOKER</option>
                </select>
                <span id="chooseProvider-error"></span>
            </div>
            <div class="form-group">
                <div class="title">Nama Pengguna</div>
                <input id="usernameProvider" class="form-control input-custom" type="text" value="" disabled="">
            </div>
            <div class="form-group">
                <div class="game-details-cont">
                    <div class="title">Kata Sandi</div>
                    <input id="passwordProvider" class="form-control input-custom" type="password">
                </div>
            </div>
            <div class="game-user-button">
                <button id="setPasswordProvider" class="btn-custom">Ubah Kata Sandi</button>
                <button id="transferProvider" class="btn-custom">Transfer Saldo</button>
            </div>
        </div>
    </div>
</div>                            </div>
                            <div class="tab-pane text-white fade" id="v-password" role="tabpanel" aria-labelledby="v-password-tab">
                                <div class="profile-tab__holder change-password">
    <div class="tab-header">Password</div>
    <div class="tab-wrapper">
        <div class="change-password-form">
            <form id="change-password-form" novalidate="novalidate">
                <div class="form-group">
                    <div class="title">Kata Sandi Lama</div>
                    <input type="password" autocomplete="false" id="oldPassword" name="oldPassword" class="input-custom form-control form-control" placeholder="Kata Sandi Lama">
                    <label style="font-size: 13px;" class="error" for="oldPassword" id="oldPassword-error"></label>
                </div>
                <div class="form-group">
                    <div class="title">Kata Sandi Baru</div>
                    <input type="password" autocomplete="false" id="password" name="password" class="input-custom form-control form-control" placeholder="Kata Sandi Baru">
                    <label style="font-size: 13px;" class="error" for="password" id="password-error"></label>
                </div>
                <div class="form-group">
                    <div class="game-details-cont">
                        <div class="title">Konfirmasi Kata Sandi</div>
                        <input type="password" autocomplete="false" id="passwordConfirmation" name="passwordConfirmation" class="input-custom form-control" placeholder="Konfirmasi Kata Sandi">
                        <label style="font-size: 13px;" class="error" for="passwordConfirmation" id="passwordConfirmation-error"></label>
                    </div>
                </div>
                <div class="change-password-button">
                    <button type="submit" id="changePassword" class="btn-submit btn-custom">Kirim</button>
                </div>
            </form>
        </div>
    </div>
</div>                            </div>
                            <div class="tab-pane text-white fade" id="v-pills-downline" role="tabpanel" aria-labelledby="v-pills-downline-tab">
                                <div class="profile-tab__holder downline-list">
    <div class="tab-content page-form">
        Lorem, ipsum dolor sit amet consectetur adipisicing elit. Rem quae laudantium quis non iusto? Incidunt aliquid a labore ducimus officia, natus aperiam quaerat, cumque eaque dignissimos facere alias in illum.
    </div>
</div>                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- Bank Details -->
<div class="modal custom-popup fade" id="bankDetail" tabindex="-1" aria-labelledby="bankDetailLabel"
aria-hidden="true">
<div class="modal-dialog">
    <div class="modal-content">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
            <i class="fas fa-times"></i>
        </button>
        <div class="modal-body">
            <div class="popup-bank-detail">
                <div class="bank-detail-header">
                    <h4>Rekening Saya</h6>
                    </div>
                    <div class="bank-detail-info">
                        <h6 class="info-header">Rekening Utama</h5>
                            <div class="bank-account">
                                <div class="acc-details">
                                    <div class="row">
                                        <div class="col-lg-12">
                                            <div class="acc-name">Nama Rek : <span><?php echo $b['nama_pemilik']; ?></span></div>
                                        </div>
                                        <div class="col-lg-12">
                                            <div class="bank-name">Nama Bank: <span><?php echo $b['nama_bank']; ?></span></div>
                                        </div>
                                        <div class="col-lg-12">
                                            <div class="bank-name">Nomor Rekening: <span><?php echo $b['nomor_rekening']; ?></span></div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>


                    </div>
                </div>
            </div>
        </div>

</main>