<?php

$pageName  = "Dashboard";
include($_SERVER['DOCUMENT_ROOT'] . "/account/layout/header2.php");

// Ofofonobs Developer WhatsAPP +2348114313795


// Bank Script Developer - Use For Educational Purpose Only

// Other scripts Available

// if (!$_SESSION['acct_email']) {
//     header("location:../login.php");
//     die;
// }


?>










<div class="container anuphan bottom-padding expand-page-content" style="position: relative; z-index: 1;">

    <!-- --- -->
    <!-- --- -->
    <div class="d-block d-md-none mt-3">
        <i class="material-icons grey-color-2 add-radius" style="font-size: 22px !important;" onclick="history.go(-1)">keyboard_arrow_left</i>
    </div>
    <!-- --- -->
    <!-- --- -->

    <div class="row">
        <div class="col-lg-6">
            <div class="p-md-4 p-0 mt-4 shadow-none">
                <h4 class="anuphan-3">Binance OTC - Deposit BTC</h4>
                <label class="xsmall anuphan-2 mt-4 grey-color-2">Select Coin</label>
                <div class="border add-radius-sm d-flex my-border" style="cursor: pointer; padding: 12px" data-toggle="modal" data-target="#selectTokenToFund">
                    <img src="https://cdn.jsdelivr.net/gh/atomiclabs/cryptocurrency-icons@bea1a9722a8c63169dcc06e86182bf2c55a76bbc/svg/color/btc.svg" alt="BTC" style="width: 20px; height: 20px;" onerror="this.src='https://cdn-icons-png.flaticon.com/512/566/566295.png'" class="top-2 ft-img">
                    <p class="ft m-0 bold-text ml-2">BTC</p>
                    <p class="ft-n m-0 ml-2 top-4 flex-fill xsmall2 grey-color">Bitcoin</p>
                    <!-- <i class="material-icons moreWhite">
                        keyboard_arrow_down
                    </i> -->
                </div>
                <label class="xsmall anuphan-2 mt-4 grey-color-2">Enter Amount</label>
                <div class="form-wrapper m-0">
                    <input type="number" name="amount" id="fundAmount" class="add-radius-sm" style="font-weight: bold; font-family: 'roboto' !important;" placeholder="0.00" value="900.00" step="any" readonly>
                    <small class="xsmall2 fa-err-txt error-text" style="display: none;">
                        Please enter a valid amount
                    </small>
                </div>

                <div class="mt-4">
                    <h5 class="anuphan-3 flex-fill">Deposit Address</h5>
                    <div class="mt-4 secondary-bg-3 pb-3">
                        <p class="p-2 primary-bg-3 anuphan-2 xsmall2 primary-color" style="border-radius: 4px 4px 0px 0px;">
                            Send only <b>BTC (Bitcoin)</b>
                            to this deposit address. Sending other coins might result in permanent loss of fund.
                        </p>

                        <div class="row mt-4 px-3">
                            <div class="col-9">
                                <p class="xsmall2 m-0 grey-color-3 anuphan-2">Address</p>
                                <p class="xsmall m-0 top-4 bold-text anuphan-2" style="overflow-wrap: break-word;">bc1qjgfgyjvpt8ex20x7tu7fswy7m7hxshymxgxsq6</p>
                            </div>
                            <div class="col-3 text-right top-4">
                                <i class="material-icons p-1 add-radius-sm btn-grey grey-color-3" style="font-size: 22px !important;" onclick="copyTargetAddress(this, 'bc1qjgfgyjvpt8ex20x7tu7fswy7m7hxshymxgxsq6')">content_copy</i>
                            </div>
                            <div class="col-12 mt-3">
                                <div class="white-bg p-0" style="width: fit-content;">QR code</div>
                            </div>


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

                <div class="mt-4 border-top pt-4">
                    <small class="xsmall2 grey-color">
                        • Average processing time : <b>3 minutes</b>
                    </small>
                    <small class="xsmall2 d-block mt-3 grey-color">
                        <span class="primary-color">•</span> Please click the button below after completing payment to confirm your deposit
                    </small>

                    <div class="dark-bg2 text-center mt-4 p-2 add-radius-mini">
                        <p class="xsmall primary-color anuphan-2">Payment Proof Submitted
                            <i class="material-icons top-3 green-color" style="font-size: 16px !important;">task_alt</i>
                        </p>
                        <p class="xsmall2 grey-color mb-0">Request might take 3-5 minutes to approve</p>
                        <p class="grey-color text-center xsmall2 mt-1">Processing deposit. Please wait.. <i class="ml-2 fa fa-spinner fa-spin"></i></p>
                    </div>

                </div>
            </div>
        </div>
        <div class="col-md-2 d-none d-md-block"></div>
        <div class="col-lg-4">
            <div class="mt-5 pt-4">
                <div class="d-flex">
                    <h5 class="anuphan-2 flex-fill">Recent Deposits</h5>
                    <i class="material-icons grey-color-3 ml-2 secondary-bg add-radius-sm p-1 ml-2" style="font-size: 16px; height: fit-content;">keyboard_arrow_right</i>
                </div>
                <div class="py-5 text-center">
                    <div>
                        <svg height="70px" width="70px" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 96" fill="none" class="mirror css-z12rr9">
                            <path fill-rule="evenodd" clip-rule="evenodd" d="M64 8H26v80h58V28H64V8zM36 37h38v4H36v-4zm0 9h38v4H36v-4zm38 9H36v4h38v-4zm-8 12l4 4-4 4-4-4 4-4zM50 18l-3 3 3 3 3-3-3-3z" fill="url(#not-found-data_svg__paint0_linear_22059_32288)"></path>
                            <path opacity="0.3" d="M86 50l3-3 3 3-3 3-3-3zM47 21l3-3 3 3-3 3-3-3zM84 28H64V8l20 20z" fill="#929AA5"></path>
                            <path fill-rule="evenodd" clip-rule="evenodd" d="M4.172 73.171l14.5-14.5 5.656 5.658-14.5 14.5-5.656-5.657z" fill="url(#not-found-data_svg__paint1_linear_22059_32288)"></path>
                            <path fill-rule="evenodd" clip-rule="evenodd" d="M51 48c0-8.837-7.163-16-16-16s-16 7.163-16 16 7.163 16 16 16 16-7.163 16-16zm4 0c0-11.046-8.954-20-20-20s-20 8.954-20 20 8.954 20 20 20 20-8.954 20-20z" fill="url(#not-found-data_svg__paint2_linear_22059_32288)"></path>
                            <defs>
                                <linearGradient id="not-found-data_svg__paint0_linear_22059_32288" x1="55" y1="8" x2="55" y2="88" gradientUnits="userSpaceOnUse">
                                    <stop stop-color="#929AA5" stop-opacity="0.1"></stop>
                                    <stop offset="1" stop-color="#929AA5" stop-opacity="0.25"></stop>
                                </linearGradient>
                                <linearGradient id="not-found-data_svg__paint1_linear_22059_32288" x1="4.172" y1="68.75" x2="24.328" y2="68.75" gradientUnits="userSpaceOnUse">
                                    <stop stop-color="#929AA5"></stop>
                                    <stop offset="1" stop-color="#76808F"></stop>
                                </linearGradient>
                                <linearGradient id="not-found-data_svg__paint2_linear_22059_32288" x1="15" y1="48" x2="55" y2="48" gradientUnits="userSpaceOnUse">
                                    <stop stop-color="#929AA5"></stop>
                                    <stop offset="1" stop-color="#76808F"></stop>
                                </linearGradient>
                            </defs>
                        </svg>
                    </div>
                    <p class="xsmall mt-2 grey-color-3">
                        No recent deposit record.
                    </p>
                </div>
            </div>
        </div>
    </div>
</div>



<!-- Transaction Hash Upload -->
<div class="modal fade" id="thash" tabindex="-1" aria-labelledby="thash" aria-hidden="true" data-keyboard="false" data-backdrop="static">
    <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable">
        <div class="modal-content border-none mx-4 anuphan" style="background: none;">
            <div class="modal-body p-0 dark-bg3 add-radius-sm" style="overflow-x: hidden;">
                <div class="p-3">
                    <p class="m-0 anuphan-2 bold-text">
                        Confirm Deposit
                    </p>
                </div>
                <div class="dark-bg2" style="border-radius: 6px 6px 0px 0px;">
                    <form method="POST" enctype="multipart/form-data">
                        <input type="hidden" name="csrfmiddlewaretoken" value="oUw4HcSx1EstsEPiztYbOtoOAtVuXDmEcSzaxZ0igNnDyeS9DeVrQjRJK15YC5Wy">
                        <div class="py-4 px-3">
                            <label class="xsmall anuphan-2 grey-color-2">Transfer From</label>
                            <div class="form-wrapper mt-0">
                                <input type="text" name="trf-from" class="add-radius-sm" style="border: none;" required>
                                <small class="grey-color-3 anuphan-2">
                                    *The crypto address from which you made this payment
                                </small>
                            </div>
                            <label class="xsmall anuphan-2 grey-color-2">TxnHash (Optional)</label>
                            <div class="form-wrapper mt-0">
                                <input type="text" name="t-hash" class="add-radius-sm" style="border: none;">
                                <small class="grey-color-3 anuphan-2">
                                    *Provide deposit TxnHash for faster payment validation
                                </small>
                            </div>
                        </div>

                        <div class="row p-4 border-top">
                            <div class="col-6">
                                <button class="btn-grey grey-color py-2 xsmall anuphan-2" type="button" data-dismiss="modal">
                                    Cancel
                                </button>
                            </div>
                            <div class="col-6">
                                <button class="py-2 anuphan-2 xsmall">Submit</button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- ------ -->


<!-- jS -->
<script>
    function copyTargetAddress(e, address) {
        copyToClipboard(address);
        $(e).text('task_alt');
        setTimeout(() => {
            $(e).text('content_copy')
        }, 1200)
    }

    // preview image
    function loadFile(event) {
        // $('.fu-err-txt').hide()
        var output = document.querySelector('#output');
        var fileSize = event.target.files[0].size / 1024 / 1024; // in MB
        if (fileSize > 2) {
            event.target.value = ''
            output.src = '';
            output.classList.add('d-none');
            $('.fu-err-txt').html('File too large. Maximum size allowed : 2MB');
            $('.fu-err-txt').show()
            setTimeout(() => {
                $('.fu-err-txt').show()
            }, 3000)
        } else {
            output.src = URL.createObjectURL(event.target.files[0]);
            output.onload = function() {
                URL.revokeObjectURL(output.src);
            }
            output.classList.remove('d-none');
        }
    };
</script>


</div>





<?php
include($_SERVER['DOCUMENT_ROOT'] . "/account/layout/footer2.php");

?>