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

$_SESSION['error'] = "Silahkan hubungi admin untuk melakukan perubahan Rekening";
?>

    <link href="/Content/zelma-v2-beta-mobile-css" rel="stylesheet"/>
    <link href="/Content/Profile/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="profile" 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">
    <div class="container">
        <div class="row">
            <div class="col-sm-12">
                

<div class="tab-menu-background-container">
    <div class="tab-menu-container" data-style="vertical">
        <a href="/mobile/account-summary" data-active="false">
            <i data-icon="profile" style="--image-src: url(//d33egg70nrp50s.cloudfront.net/Images/v-zelma-v2-beta/<?= $config['theme']; ?>/mobile/tabs/profile.svg?v=20241125);--active-image-src: url(//d33egg70nrp50s.cloudfront.net/Images/v-zelma-v2-beta/<?= $config['theme']; ?>/mobile/tabs/profile-active.svg?v=20241125);"></i>
            Akun Saya
        </a>
        <a href="/mobile/password" data-active="false">
            <i data-icon="password" style="--image-src: url(//d33egg70nrp50s.cloudfront.net/Images/v-zelma-v2-beta/<?= $config['theme']; ?>/mobile/tabs/password.svg?v=20241125);--active-image-src: url(//d33egg70nrp50s.cloudfront.net/Images/v-zelma-v2-beta/<?= $config['theme']; ?>/mobile/tabs/password-active.svg?v=20241125);"></i>
            Ubah Kata Sandi
        </a>
        <a href="/mobile/profile" data-active="false">
            <i data-icon="bank-account" style="--image-src: url(//d33egg70nrp50s.cloudfront.net/Images/v-zelma-v2-beta/<?= $config['theme']; ?>/mobile/tabs/edit.svg?v=20241125);--active-image-src: url(//d33egg70nrp50s.cloudfront.net/Images/v-zelma-v2-beta/<?= $config['theme']; ?>/mobile/tabs/edit-active.svg?v=20241125);"></i>
            Profil Saya
        </a>
            <a href="/loyalty/redemption-history" data-active="false" target="_blank">
                <i data-icon="redemption-history" style="--image-src: url(//d33egg70nrp50s.cloudfront.net/Images/v-zelma-v2-beta/<?= $config['theme']; ?>/mobile/tabs/redemption-history.svg?v=20241125);--active-image-src: url(//d33egg70nrp50s.cloudfront.net/Images/v-zelma-v2-beta/<?= $config['theme']; ?>/mobile/tabs/redemption-history-active.svg?v=20241125);"></i>
                Riwayat Penukaran
            </a>
    </div>
</div>
                <div class="form-group form-group-link-container">
                    <a href="/mobile/deposit">Deposit</a>
                    <a href="/mobile/withdrawal">Penarikan</a>
                </div>
                <div class="standard-form-title">
                    Informasi Detail Perbankan
                </div>

<form action="/Profile/BankAccount" data-ajax="true" data-ajax-begin="onAjaxRequestBegin" data-ajax-complete="onAjaxRequestComplete" data-ajax-method="POST" data-ajax-success="onAjaxRequestSuccess" id="form0" method="post">
    <input name="__RequestVerificationToken" type="hidden" value="PJrCoyaQ8QCj-EpaYUTFR9TQEiunOi-bQFng-tazTD8UJ2ebaBf1wz0cT9ymk3ne13oxQB0VFa9ohGKThWIMFIsMOxs1" />    <div class="form-group">
        <label for="PaymentType">Tipe Pembayaran</label>
        <select class="form-control" data-val="true" data-val-required="The PaymentType field is required." id="payment_method_select" name="PaymentType"><option selected="selected" value="BANK">Bank</option>
</select>
        <span class="standard-required-message">Mohon pilih jenis pembayaran.</span>
    </div>
    <div class="form-group">
        <label for="Bank">Akun</label>
        <select class="form-control" data-val="true" data-val-required="The Bank field is required." id="Bank" name="Bank"><option value="">-- Pilih Akun --</option>
<option value="e1bab23f-dda6-4835-b3ce-d5039f28546c">BCA</option>
<option value="3d30334c-d871-46fb-80b3-0fcb12f99b87">BNI</option>
<option value="a458ab91-91a3-49ac-98b3-1bfc5d1966bd">BRI</option>
<option value="d97905f0-ef0d-4e31-ad96-f4dc69dedbe5">BSI</option>
<option value="c96fcf20-fb8c-4e8b-b965-8b3cb18b387b">CIMB NIAGA</option>
<option value="1af534fe-433d-4152-ba50-a6051dd84d96">DANA</option>
<option value="d5406b7d-7252-4d8f-ba32-9f567fb267b6">DANAMON</option>
<option value="a95d2ec2-8fb7-4b84-bf79-ae05d3827dda">GOPAY</option>
<option value="69188e7d-4c89-4024-bf81-47bcaeea9f7e">LINKAJA</option>
<option value="ec4427ff-2e6e-4657-a2fe-b3702bc15e7c">MANDIRI</option>
<option value="1e071eeb-c75e-4254-9f5c-34026939e02d">OVO</option>
<option value="fa1eee22-213f-4da0-8a04-d91293b4088e">QRIS</option>
<option value="297cd50d-7be1-456b-a501-173a69bb9734">SAKUKU</option>
</select>
        <span class="standard-required-message">Silahkan pilih bank Anda.</span>
    </div>
    <div class="form-group">
        <label for="AccountNo">Nomor Rekening</label>
        <input MaxLength="20" autocomplete="off" class="form-control" data-val="true" data-val-regex="The field AccountNo must match the regular expression &#39;^[0-9\-]+$&#39;." data-val-regex-pattern="^[0-9\-]+$" data-val-required="The AccountNo field is required." id="AccountNo" name="AccountNo" placeholder="Nomor rekening anda" type="text" value="" />
        <span class="standard-required-message">Nomor rekening bank diperlukan (hanya nomor yang diperbolehkan).</span>
    </div>
    <div class="form-group">
        <label for="AccountName">Nama Lengkap</label>
<input class="form-control" data-val="true" data-val-regex="The field AccountName must match the regular expression &#39;^[0-9a-zA-Z ]*$&#39;." data-val-regex-pattern="^[0-9a-zA-Z ]*$" data-val-required="The AccountName field is required." id="AccountName" name="AccountName" placeholder="Nama Lengkap Anda" readonly="readonly" type="text" value="" />
<span class="standard-required-message">Silakan masukkan nama lengkap yang valid (hanya karakter alfanumerik yang diperbolehkan).</span>
    </div>
    <div class="standard-button-group">
        <input type="submit" class="standard-secondary-button" value="Tambah Akun" disabled />
    </div>
</form>
                    <div class="bank-account-item">
                        <table>
                            <tr>
                                <td>Akun</td>
                                <td>:</td>
                                <td><?= $user['BankName']; ?></td>
                            </tr>
                            <tr>
                                <td>Nama Akun</td>
                                <td>:</td>
                                <td><?= $user['BankHolder']; ?></td>
                            </tr>
                            <tr>
                                <td>Nomor Akun</td>
                                <td>:</td>
                                <td><?= $user['BankNumber']; ?></td>
                            </tr>
                        </table>
                    </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 data-cfasync="false" src="/bundles/email-decode.min.js"></script>
<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>
