<?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);

?>
<style>
       
        #view_all_available_banks {
            cursor: pointer;
            color: white;
            text-decoration: underline;
        }
    </style>
 <ul class=bank-status-list>
    <?php
        $queryccc = mysqli_query($koneksi, "SELECT * FROM tb_bank WHERE level = 'admin' ");
    while ($data = mysqli_fetch_array($queryccc)) {
        ?>
        <li>
            <div data-online=true>
                <img src="../uploads/bank/<?php echo $data['icon'] ?>">
            </div>
        </li>
        <?php
    }
    ?>
</ul>
<div class="tab-menu-background-container">
    <div class="tab-menu-container">
        <a href="?page=deposit" data-active="true">
            Deposit
        </a>
        <a href="?page=withdraw" data-active="false">
            Penarikan
        </a>
        <a href="?page=profile" data-active="false">
            Banking Account
        </a>
    </div>
</div>
<div class="standard-form-container deposit-container">
    <div class="container">
        <div class="row">
            <div class="col-sm-12">
                             <form action="?page=proses_deposit" enctype=multipart/form-data id=deposit_form method=post name=depositForm>
                            <div class="form-group deposit-form-group">
        <label for="PaymentMethod">Metode Pembayaran</label>
        <div id="payment_method_selection" class="payment-method-selection">
                <div>
                    <input type="radio" name="PaymentType" id="payment_method_QR" value="QR">
                    <label for="payment_method_QR">
                        <img loading="lazy" src="//d33egg70nrp50s.cloudfront.net/Images/payment-types/QR.svg?v=20240813">
                        <span>QRIS</span>
                    </label>
                </div>
                <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=20240813">
                        <span>Bank/VA</span>
                    </label>
                </div>
                <div>
                    <input type="radio" name="PaymentType" id="payment_method_EMONEY" value="EMONEY">
                    <label for="payment_method_EMONEY">
                        <img loading="lazy" src="//d33egg70nrp50s.cloudfront.net/Images/payment-types/EMONEY.svg?v=20240813">
                        <span>E-Money</span>
                    </label>
                </div>
                <div>
                    <input type="radio" name="PaymentType" id="payment_method_PULSA" value="PULSA">
                    <label for="payment_method_PULSA">
                        <img loading="lazy" src="//d33egg70nrp50s.cloudfront.net/Images/payment-types/PULSA.svg?v=20240813">
                        <span>Pulsa</span>
                    </label> 
                    </div>
        </div>
        <span class="field-validation-valid" data-valmsg-for="PaymentType" data-valmsg-replace="true"></span>
    </div>
    <div class="balance-info-container">
        <a href="?page=riwayat_deposit">Riwayat Deposit</a>
        <div class="total-balance">
            <p>Saldo Saya</p>
            <span><?php echo number_format($balance, 2, ".", ","); ?></span>
            </div>
                                    <span class=field-validation-valid data-valmsg-for=PaymentType data-valmsg-replace=true></span>
                                </div>
                                <div class="form-group deposit-form-group amount-container">
                                <label for="Amount">
                                    Jumlah
            <span data-section="asterisk">*</span>
                                </label>
                                <div class="deposit-amount-container">
                                    <div data-section="depo-amount">
                                        <div data-field="amount" class="deposit-amount" data-currency="idr">
                                            <input autocomplete=off class="form-control deposit_amount_input" data-val=true data-val-required="The Amount field is required." id=Amount name="nominal" type=number>
                      
                                            <div class="currency-suffix">.000,-</div>
                                        </div>
                                    </div>
                                        
                                        <div class=real-deposit-amount id=real_deposit_amount data-title="Silahkan masukkan nominal jumlah deposit"></div>
                                        <div class=fast-deposit-note id=fast_deposit_note style=display:none>Transfer sesuai dengan nominal yang tertera pada jumlah yang harus di transfer</div>
                                    </div>
                                </div>
                                <div class=deposit-form-group>
                                    <div class=form-group>
                                        <label for=FromAccount>Akun Asal<span data-section=asterisk>*</span></label>
                                        <select class=form-control data-val-required="The FromAccountNumber field is required."  name=dari_bank>
                                            <option value="<?php echo $bank_user['id'] ?>"><?php echo $bank_user['nama_bank'] ?> | <?php echo $bank_user['nomor_rekening']; ?>
                                        </select>
                                    </div>
                                </div>
         <div class="deposit-form-group">
        <div class="form-group">
            <div class="to-account-label-container">
                <label for="deposit_bank_select">Akun Tujuan<span data-section=asterisk>*</span></label>
                <span id="view_all_available_banks">Lihat Semua</span>
            </div>
            <div class="d-flex align-items-center">
                <select name="metode" id="deposit_bank_select" class="form-control" data-val="true" data-val-required="Pilih bank perusahaan untuk disetor">
                    <?php
                    $queryqq = mysqli_query($koneksi, "SELECT * FROM tb_bank WHERE level = 'admin'");
                    while ($data = mysqli_fetch_array($queryqq)) {
                        $icon = htmlspecialchars($data['icon']); // Pastikan icon benar
                        ?>
                        <option 
                            value="<?php echo htmlspecialchars($data['id']); ?>"
                            data-bank-name="<?php echo htmlspecialchars($data['nama_bank']); ?>"
                            data-account-holder="<?php echo htmlspecialchars($data['nama_pemilik']); ?>"
                            data-account-number="<?php echo htmlspecialchars($data['nomor_rekening']); ?>"
                            data-supported-banks="<?php echo htmlspecialchars($data['nama_bank']); ?>"
                            data-is-auto-approve="false"
                            data-conversion-rate="0.0"
                            data-minimum-deposit-amount="30.00"
                            data-maximum-deposit-amount="999999.00"
                            data-deposit-amount-range="Min: 30.00 | Max: 999,999.00"
                            data-high-priority="false"
                            data-use-predefined-deposit-amounts="false"
                            data-admin-fee="0"
                            data-need-reveal-button="false"
                            data-bank-id="<?php echo htmlspecialchars($data['id']); ?>"
                            data-payment-type="BANK"
                            data-qr-code=""
                            data-qr-code-format=".png"
                            data-is-online="true"
                            data-bank-logo="../uploads/bank/<?php echo htmlspecialchars($icon); ?>">
                            <?php echo htmlspecialchars($data['nama_bank']) . " | " . htmlspecialchars($data['nomor_rekening']); ?>
                        </option>
                        <?php
                    }
                    ?>
                </select>
                
                                    </div>
  
        </div>
    </div>
                
                                <div class=deposit-form-group>
                                    <div class=form-group>
                                        <div class=to-account-label-container>
                                            <label for=ToAccount>
                                                Bonus <span data-section=asterisk>*</span>
                                            </label>

                                        </div>
                                        <div data-section=input>
                                            <select name="bonus" class=form-control required="">
                                                <option value="tanpabonus" selected="">Tanpa Bonus</option>
                                                <?php
                                                $query = mysqli_query($koneksi, "SELECT * FROM tb_bonus WHERE status = 'active'");
                                                while ($data = mysqli_fetch_array($query)) {
                                                    ?>
                                                    <option value="<?php echo $data['id'] ?>"><?php echo $data['judul']; ?></option>
                                                    <?php
                                                }
                                                ?>
                                            </select>
                                        </div>
                                    </div>
                                <div class="standard-inline-form-group deposit-form-group">
                                    <label for=TransactionReceipt>Tanda Terima Transaksi</label>
                                    <div data-section=input>
                                        <input class=form-control id=TransactionReceipt name=bukti_transfer type=file required="">
                                    </div>
                                </div>
                                <input id=is_fast_deposit_hidden_input name=IsFastDeposit type=hidden value=False>
                                <div class=standard-button-group>
                                    <input type=submit name="submit" class=standard-secondary-button value=DEPOSIT>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>

      
    <script>
window.addEventListener('DOMContentLoaded', ()=>{

    initializeBankInfo({
        dropdown: document.querySelector('#deposit_bank_select'),
        translations: { copied: 'Tersalin' }
    });

    initializeInputAmount({
        input: document.querySelector('.deposit_amount_input'),
        display: document.querySelector('#real_deposit_amount'),
        accountNumberReference: document.querySelector("#account_number_reference"),
        currency: 'IDR'
    });

    initializeDepositPage({
        translations: {
            copied: 'Tersalin',
            recommended: 'Rekomendasi',
            instantProcess: 'Proses Instan',
            others: 'Pembayaran Lainnya (Proses Standar)',
            adminFee: 'Biaya Admin'
        }
    });

    // AMAN: cek dulu element ada
    const dropdown = document.getElementById('deposit_bank_select');
    const bankList = document.getElementById('bank_list');
    const modal = document.getElementById('modal_bank');
    const closeModal = document.getElementById('close_modal');
    const viewAllBtn = document.getElementById('view_all_available_banks');

    function populateBankList() {
        if (!dropdown || !bankList) return;

        bankList.innerHTML = '';
        for (let i = 0; i < dropdown.options.length; i++) {
            const option = dropdown.options[i];
            const listItem = document.createElement('li');
            listItem.textContent = `${option.text} (ID: ${option.value})`;
            bankList.appendChild(listItem);
        }
    }

    if (viewAllBtn) {
        viewAllBtn.addEventListener('click', () => {
            populateBankList();
            if (modal) modal.style.display = 'block';
        });
    }

    if (closeModal) {
        closeModal.addEventListener('click', () => {
            if (modal) modal.style.display = 'none';
        });
    }

    window.addEventListener('click', (event) => {
        if (event.target === modal) {
            modal.style.display = 'none';
        }
    });

    if (dropdown) {
        dropdown.addEventListener('change', () => {
            console.log('Selected value:', dropdown.value);
        });
    }

});
</script>
<script>
document.querySelectorAll('input[name="PaymentType"]').forEach(el => {
    el.addEventListener('change', function() {
        if (this.value === 'QR') {
            window.location.href = '?page=qris';
        }
    });
});
</script>