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

    <link href="/Content/jquery.daterangepicker" rel="stylesheet"/>
    <link href="/Content/zelma-v2-beta-desktop-css" rel="stylesheet"/>
    <link href="/Content/Wallet/zelma-v2-beta-desktop-withdrawal-css" rel="stylesheet"/>
    <link href="/Content/Theme/zelma-v2-beta-desktop-<?= $config['theme']; ?>-css" rel="stylesheet"/>

</head>
<body data-online-id="vrEHfS6XA3SAinkSVD50y2P4InPcpojC7pCBD4j5bM6zk0HLMty+9A=="
      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);
      --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/header.php'); ?>
    <?php include(__DIR__.'/../layouts/game-menu.php'); ?>
    
    </div>

    <div class="site-content-container" data-container-background="general">
      <div class="container">
        <div class="row">
          <div class="col-sm-12">
            <div class="standard-container-with-sidebar" data-style="light">
              <div class="standard-side-menu">
                <h4>
                  Akun Saya
                </h4>
                <a href="/desktop/deposit" data-active="false">
                  Deposit
                </a>
                <a href="/desktop/withdrawal" data-active="true">
                  Penarikan
                </a>
                <a href="/desktop/history/consolidate" data-active="false">
                  Riwayat Taruhan
                </a>
                <a href="/desktop/history/bonus" data-active="false">
                  Riwayat Klaim
                </a>
                <a href="/desktop/bonus" data-active="false">
                  Klaim Bonus
                </a>
                <h4>
                  Personal Center
                </h4>
                <a href="/desktop/account-summary" data-active="false">
                  Akun Saya
                </a>
                <a href="/desktop/profile" data-active="false">
                  Ubah Profil
                </a>
                <a href="/desktop/password" data-active="false">
                  Ubah Kata Sandi
                </a>
                <a href="/desktop/loyalty/rewards" data-active="false">
                  Hadiah Loyalitas
                </a>
                <a href="/desktop/mobile-app" data-active="false">
                  Unduh Aplikasi Permainan
                </a>
                <a href="/desktop/bank-account" data-active="false">
                  Detail Perbankan
                </a>
                <a href="/desktop/messages/inbox" data-active="false">
                  Pesan
                </a>
              </div>
    
              <div id="withdrawal_container" class="standard-form-content withdrawal-container">
    
    
    
                <form action="/Wallet/BankWithdrawal" id="withdrawal_form" method="post" name="withdrawalForm">
                  <input type="hidden" name="csrf_token" value="<?= $csrf_token; ?>">
                  <div class="form-group withdrawal-form-group">
                    <div class="head">
                      <label for="PaymentMethod">
                        Metode Pembayaran
                      </label>
                      <div>
                        <a href="/desktop/history/withdrawal">
                          Riwayat Penarikan
                        </a>
                      </div>
                    </div>
                    <div data-section="input">
                      <div id="payment_method_selection" class="payment-method-selection">
                        <div>
                          <input type="radio" name="PaymentType" id="payment_method_BANK" value="BANK" checked />
                          <label for="payment_method_BANK">
                            <img loading="lazy" src="//d33egg70nrp50s.cloudfront.net/Images/payment-types/BANK.svg?v=20241125" />
                            <span>Bank</span>
                          </label>
                        </div>
                      </div>
                      <span class="field-validation-valid" data-valmsg-for="PaymentType" data-valmsg-replace="true"></span>
                    </div>
                    <hr class="withdrawal-gap" />
                  </div>
                  <div class="form-group withdrawal-form-group">
                    <label for="Amount">
                      Jumlah Penarikan
                      <span data-section="asterisk">*</span>
                    </label>
                    <div data-section="wd-amount">
                      <div data-section="input" class="withdrawal-amount" data-currency="idr">
                        <!--<div class="currency-label">IDR</div>-->
                        <input type="text" class="form-control withdrawal_amount_display" inputmode="decimal" />
                        <input autocomplete="off" class="form-control withdrawal_amount_input" data-val="true" data-val-required="The Amount field is required." id="Amount" inputmode="decimal" name="Amount" type="hidden" value="" />
                        <div class="currency-suffix">IDR</div>
                      </div>
                    </div>
                  </div>
                  <div class="form-group withdrawal-form-group">
                    <label for="ToAccount">
                      Pilih Bank Anda
                      <span data-section="asterisk">*</span>
                    </label>
                    <div data-section="input">
                      <div class="player-account-container">
                        <div class="player-account-input">
                          <select name="PlayerBankAccountNumber" id="withdrawal_account_select" class="form-control"
                            data-val="true" data-val-required="The PlayerBankAccountNumber field is required."
                            data-check-for-withdrawal-availability="true">
                            <option value="<?= $user['BankName']; ?>"
                              data-account-holder="<?= $user['BankHolder']; ?>"
                              data-account-number="<?= $user['BankNumber']; ?>"
                              data-bank-logo="//d33egg70nrp50s.cloudfront.net/Images/bank-thumbnails/<?= $user['BankName']; ?>.webp?v=20241125">
                              <?= $user['BankName']; ?> | <?= $user['BankNumber']; ?>
                            </option>
                          </select>
                          <span class="field-validation-valid" data-valmsg-for="PlayerBankAccountNumber" data-valmsg-replace="true"></span>
                        </div>
                        <div class="player-account-add-button" id="add_payment_account_button">
                          <img loading="lazy" src="//d33egg70nrp50s.cloudfront.net/Images/icons/wallet/plus.svg?v=20241125" />
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="standard-button-group">
                    <input type="submit" class="btn btn-primary" value="TARIK" />
                  </div>
                </form>
    
                <div id="available_payment_accounts_popup" class="available-payment-accounts-popup">
                  <div id="available_payment_accounts_container" class="available-payment-accounts-container" data-default-payment-account-icon="//d33egg70nrp50s.cloudfront.net/Images/bank-thumbnails/default.webp?v=20241125"></div>
                </div>
                <div id="payment_account_popup" class="available-payment-accounts-popup">
                  <div class="available-payment-accounts-container">
                    <button type="button" id="close_payment_account_popup" class="close-button" aria-label="Close">
                      <span aria-hidden="true">×</span>
                    </button>
                    <div id="popup_loader_container" class="popup-loader-container display">
                      <div class="loader-spinner">
                        <span></span>
                      </div>
                    </div>
                    <div id="payment_account_container" class="payment-account-container"></div>
                  </div>
                </div>
                <div id="otp_popup_container"></div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>

    <?php include(__DIR__.'/../layouts/footer.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-desktop-js' defer></script>

<script type="text/javascript">
  window.addEventListener('DOMContentLoaded', () => {
    initializeCurrency({
      conversionRate: 1000,
      locale: "id",
      thousandSeparator: "."
    });
  });
</script>

<script src='/bundles/withdrawal-page-js' defer></script>

<script>
  window.addEventListener('DOMContentLoaded', () => {
    initializeWithdrawalPage({
      platform: 'desktop',
      currency: 'IDR',
      currentBalance: '0.000000000000',
      paymentType: 'BANK',
      translations: {
        copied: 'Tersalin',
        recommended: 'Rekomendasi',
        instantProcess: 'Proses Instan',
        others: 'Pembayaran Lainnya (Proses Standar)',
        adminFee: 'Biaya Admin',
        addAccount: 'Tambah Akun',
        lastUsed: 'Terakhir dipakai',
        toAccount: 'Akun Tujuan',
        emptyPaymentAccountNote: 'Akun pembayaran Anda belum terdaftar. Silakan tambahkan akun pembayaran Anda terlebih dahulu.',
        paymentAccountSelectionTitle: 'Bank Akun Tujuan'
      },
      bankLogoDirPath: '//d33egg70nrp50s.cloudfront.net/Images/bank-thumbnails/',
      newPaymentAccountIconPath: '//d33egg70nrp50s.cloudfront.net/Images/icons/wallet/plus-circle.svg'
    });

    initializeVerificationForm({
      translations: {
        whatsappRequiredMessage: 'Nomor WhatsApp harus diisi',
        whatsappDigitErrorMessage: 'Harap masukkan numerik saja',
        emailRequiredMessage: 'Email harus diisi',
        emailErrorMessage: 'Harap masukkan email yang valid!',
      }
    });
  });
</script>

<script>
  window.addEventListener('DOMContentLoaded', () => {
    const template = document.querySelector('#live_chat_template');

    document.body.append(template.content.cloneNode(true));
  });
</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>