<?php $__env->startSection('content'); ?>
    <link rel="stylesheet" crossorigin="" href="<?php echo e(asset('assets/DepositPage-CUpMgqD6.css')); ?>">
    <link rel="modulepreload" as="script" crossorigin="" href="<?php echo e(asset('assets/DepositPage-Huoc223Z.js')); ?>">
    <link rel="stylesheet" crossorigin="" href="<?php echo e(asset('assets/SpecificationPopup-hc0usYkQ.css')); ?>">
    <link rel="modulepreload" as="script" crossorigin="" href="<?php echo e(asset('assets/SpecificationPopup-D3Nz1U9L.js')); ?>">

    <body>
        <div id="app" data-v-app="">
            <div data-v-cccfb11a="" class="topUpPage bg_00">
                <div data-v-cccfb11a="">
                    <div class="van-sticky">
                        <div data-v-cccfb11a="" class="van-nav-bar van-hairline--bottom">
                            <div class="van-nav-bar__content">
                                <div onclick="window.history.go(-1); return false;"
                                    class="van-nav-bar__left van-haptics-feedback"><i
                                        class="van-badge__wrapper van-icon van-icon-arrow-left van-nav-bar__arrow"><!----><!----><!----></i>
                                </div>
                                <div class="van-nav-bar__title van-ellipsis">Deposit</div>
                                <div onclick="window.location.href='<?php echo e(route('user.deposit.history')); ?>';"
                                    class="van-nav-bar__right van-haptics-feedback"><span
                                        class="van-nav-bar__text">Record</span></div>
                            </div>
                        </div>
                    </div>
                </div>
                <div data-v-cccfb11a="" class="main">
                    <div data-v-cccfb11a="" class="topUpForm m5 p20">
                        <div data-v-cccfb11a="" class="formBox">
                            <form action="<?php echo e(route('user.deposit.insert')); ?>" method="POST" data-v-cccfb11a=""
                                class="van-form">
                                <?php echo csrf_field(); ?>
                                <input type="hidden" name="currency">
                                <input type="hidden" name="deposit_method" value="1">
                                <ul data-v-cccfb11a="">
                                    <li data-v-cccfb11a="" class="topUpMoney formLinear">
                                        <div data-v-cccfb11a="" class="inputArea l activate">
                                            <div data-v-cccfb11a="" class="formTitleBar display alignCenter">
                                                <div data-v-cccfb11a="" class="title flex1"><label data-v-cccfb11a=""
                                                        for="topUp">Deposit amount</label></div>
                                            </div>
                                            <div data-v-cccfb11a="" class="trueInpt display alignCenter">
                                                <div data-v-cccfb11a="" class="icon"><i data-v-cccfb11a=""
                                                        class="ri-database-2-line"></i></div>
                                                <div data-v-cccfb11a="" class="van-cell van-field flex1">
                                                    <div class="van-cell__value van-field__value">
                                                        <div class="van-field__body">
                                                            <input type="text" inputmode="decimal" id="topUpMoney"
                                                                name="amount" class="van-field__control"
                                                                placeholder="Deposit amount" autocomplete="off">
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </li>
                                    <li data-v-cccfb11a="" class="formLinear">
                                        <div data-v-cccfb11a="" class="quickAmount display alignStretch m_tb20">
                                            <div data-v-cccfb11a="" class="setValue" data-amount="1000">
                                                <div data-v-cccfb11a="" class="radius30PX m5 p10">
                                                    <p class="amount">1000</p>
                                                </div>
                                            </div>
                                            <div data-v-cccfb11a="" class="setValue" data-amount="3000">
                                                <div data-v-cccfb11a="" class="radius30PX m5 p10">
                                                    <p class="amount">3000</p>
                                                </div>
                                            </div>
                                            <div data-v-cccfb11a="" class="setValue" data-amount="5000">
                                                <div data-v-cccfb11a="" class="radius30PX m5 p10">
                                                    <p class="amount">5000</p>
                                                </div>
                                            </div>
                                            <div data-v-cccfb11a="" class="setValue" data-amount="20000">
                                                <div data-v-cccfb11a="" class="radius30PX m5 p10">
                                                    <p class="amount">20000</p>
                                                </div>
                                            </div>
                                            <div data-v-cccfb11a="" class="setValue" data-amount="100000">
                                                <div data-v-cccfb11a="" class="radius30PX m5 p10">
                                                    <p class="amount">100000</p>
                                                </div>
                                            </div>
                                            <div data-v-cccfb11a="" class="setValue" data-amount="500000">
                                                <div data-v-cccfb11a="" class="radius30PX m5 p10">
                                                    <p class="amount">500000</p>
                                                </div>
                                            </div>
                                            <div data-v-cccfb11a="" class="setValue" data-amount="2000000">
                                                <div data-v-cccfb11a="" class="radius30PX m5 p10">
                                                    <p class="amount">2000000</p>
                                                </div>
                                            </div>
                                        </div>
                                    </li>
                                    <li data-v-cccfb11a="">
                                        <div data-v-cccfb11a="" class="actionBlock display alignCenter justifyEnd">
                                            <!-- Rule Button -->
                                            <button data-v-cccfb11a="" type="button"
                                                class="van-button van-button--default van-button--normal van-button--round ruleBtn clickBtn"
                                                style="color: white; background: var(--b_1); border-color: var(--b_1);">
                                                <div class="van-button__content">
                                                    <span class="van-button__text">
                                                        <div data-v-cccfb11a=""
                                                            class="display alignCenter justifyDetween">
                                                            <p data-v-cccfb11a="" class="flex1">Rule</p>
                                                            <i data-v-cccfb11a="" class="ri-question-mark"></i>
                                                        </div>
                                                    </span>
                                                </div>
                                            </button>
                                            <button data-v-cccfb11a="" type="submit"
                                                class="van-button van -button--primary van-button--normal van-button--round confirmBtn clickBtn"
                                                style="color: white; background: var(--bw0); border-color: var(--bw0);">
                                                <div class="van-button__content"><!----><span class="van-button__text">
                                                        <div data-v-cccfb11a=""
                                                            class="display alignCenter justifyDetween">
                                                            <p data-v-cccfb11a="" class="flex1">Confirm</p><i
                                                                data-v-cccfb11a="" class="ri-arrow-right-line"></i>
                                                        </div>
                                                    </span><!----></div>
                                            </button>
                                        </div>
                                    </li>
                                </ul>
                            </form>
                        </div>
                    </div>

                    <!-- Overlay -->
                    <div class="van-overlay" role="button" tabindex="0" data-v-6178753a=""
                        style="z-index: 2001; display: none;" id="overlay"></div>

                    <!-- Popup -->
                    <div role="dialog" tabindex="0" class="van-popup van-popup--top custom_TopPopup"
                        data-v-6178753a="" style="z-index: 2001; display: none;" id="popup">
                        <div data-v-6178753a="" class="statement p20">
                            <div data-v-6178753a="" class="title m_tb10">
                                <h4 data-v-6178753a="">Rule description</h4>
                            </div>
                            <div data-v-6178753a="" class="explain">
                                <ul data-v-6178753a="">
                                    <li data-v-6178753a="" class="display alignStart"><b data-v-6178753a="">1. </b>
                                        <p data-v-6178753a="" class="flex1">Withdrawal time is from 09:00 to 17:00 daily.
                                        </p>
                                    </li>
                                    <li data-v-6178753a="" class="display alignStart"><b data-v-6178753a="">2. </b>
                                        <p data-v-6178753a="" class="flex1">You can initiate a withdrawal request once a
                                            day, Bank withdraw with each request amounting to 1,800 to 2,000,000, USDT
                                            withdraw with each request amounting to 20,000 to 2,000,000.</p>
                                    </li>
                                    <li data-v-6178753a="" class="display alignStart"><b data-v-6178753a="">3. </b>
                                        <p data-v-6178753a="" class="flex1">The platform charges 10% of the withdrawal
                                            amount as income tax.</p>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>

                    <div data-v-cccfb11a="" class="van-number-keyboard custom_Keyboard p10"><!---->
                        <div class="van-number-keyboard__body">
                            <div class="van-number-keyboard__keys">
                                <div class="van-key__wrapper">
                                    <div role="button" tabindex="0" class="van-key">1</div>
                                </div>
                                <div class="van-key__wrapper">
                                    <div role="button" tabindex="0" class="van-key">2</div>
                                </div>
                                <div class="van-key__wrapper">
                                    <div role="button" tabindex="0" class="van-key">3</div>
                                </div>
                                <div class="van-key__wrapper">
                                    <div role="button" tabindex="0" class="van-key">4</div>
                                </div>
                                <div class="van-key__wrapper">
                                    <div role="button" tabindex="0" class="van-key">5</div>
                                </div>
                                <div class="van-key__wrapper">
                                    <div role="button" tabindex="0" class="van-key">6</div>
                                </div>
                                <div class="van-key__wrapper">
                                    <div role="button" tabindex="0" class="van-key">7</div>
                                </div>
                                <div class="van-key__wrapper">
                                    <div role="button" tabindex="0" class="van-key">8</div>
                                </div>
                                <div class="van-key__wrapper">
                                    <div role="button" tabindex="0" class="van-key">9</div>
                                </div>
                                <div class="van-key__wrapper">
                                    <div role="button" tabindex="0" class="van-key">.</div>
                                </div>
                                <div class="van-key__wrapper">
                                    <div role="button" tabindex="0" class="van-key">0</div>
                                </div>
                                <div class="van-key__wrapper">
                                    <div role="button" tabindex="0" class="van-key van-key--delete"><svg
                                            class="van-key__delete-icon" viewBox="0 0 32 22">
                                            <path
                                                d="M28 0a4 4 0 0 1 4 4v14a4 4 0 0 1-4 4H10.4a2 2 0 0 1-1.4-.6L1 13.1c-.6-.5-.9-1.3-.9-2 0-1 .3-1.7.9-2.2L9 .6a2 2 0 0 1 1.4-.6zm0 2H10.4l-8.2 8.3a1 1 0 0 0-.3.7c0 .3.1.5.3.7l8.2 8.4H28a2 2 0 0 0 2-2V4c0-1.1-.9-2-2-2zm-5 4a1 1 0 0 1 .7.3 1 1 0 0 1 0 1.4L20.4 11l3.3 3.3c.2.2.3.5.3.7 0 .3-.1.5-.3.7a1 1 0 0 1-.7.3 1 1 0 0 1-.7-.3L19 12.4l-3.4 3.3a1 1 0 0 1-.6.3 1 1 0 0 1-.7-.3 1 1 0 0 1-.3-.7c0-.2.1-. 5.3l3.3-3.3-3.3-3.3A1 1 0 0 1 14 7c0-.3.1-.5.3-.7A1 1 0 0 1 15 6a1 1 0 0 1 .6.3L19 9.6l3.3-3.3A1 1 0 0 1 23 6z"
                                                fill="currentColor"></path>
                                        </svg></div>
                                </div>
                            </div><!---->
                        </div>
                    </div>
                </div>
            </div>
        </div>


    </body>

    <script>
        document.querySelectorAll('.setValue').forEach(button => {
            button.addEventListener('click', function() {
                const amount = this.getAttribute('data-amount');
                const inputField = document.getElementById('topUpMoney');
                inputField.value = amount; // Set the input field value to the clicked amount
            });
        });

        // Optional: Add functionality for the number keyboard
        document.querySelectorAll('.van-key').forEach(key => {
            key.addEventListener('click', function() {
                const inputField = document.getElementById('topUpMoney');
                if (this.classList.contains('van-key--delete')) {
                    inputField.value = inputField.value.slice(0, -1); // Remove last character
                } else {
                    inputField.value += this.textContent; // Append clicked number to input field
                }
            });
        });
    </script>

    <script>
        // Get elements
        const ruleButton = document.querySelector('.ruleBtn');
        const overlay = document.getElementById('overlay');
        const popup = document.getElementById('popup');

        // Function to show the popup
        ruleButton.addEventListener('click', function() {
            overlay.style.display = 'block'; // Show the overlay
            popup.style.display = 'block'; // Show the popup
        });

        // Function to hide the popup
        function hidePopup() {
            overlay.style.display = 'none'; // Hide the overlay
            popup.style.display = 'none'; // Hide the popup
        }

        // Event listener for the overlay to close the popup
        overlay.addEventListener('click', hidePopup);
    </script>
<?php $__env->stopSection(); ?>

<?php echo $__env->make('layouts.users', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?><?php /**PATH /Applications/MAMP/htdocs/cryptoworld/core/resources/views/templates/basic/user/payment/deposit.blade.php ENDPATH**/ ?>