<?php $__env->startSection('content'); ?>

    <body class="depositPage">
        <div class="app h5MaxWidth">
            <header>
                <div class="header h5MaxWidth clear display alignCenter">
                    <div class="back display alignCenter" onclick="jumpLink('-1',9)">
                        <i class="iconfont icon-arrow-left"></i>
                    </div>
                    <h3 class="flex1">Deposit</h3>
                    <div class="navskip" id="sideMenu"></div>
                </div>
            </header>
            <div class="subject">
                <div class="groundSkin display alignStart justifyEnd">
                    <img src="<?php echo e(asset('img/1.png')); ?>" alt="">
                </div>
            </div>
            <div class="main">
                <div class="balanceCard radius15PX">
                    <div class="capitalItem">
                        <div class="gongGeNAV">
                            <ul class="display alignEnd">
                                <li class="flex1">
                                    <div>
                                        <h3 id="balance"><em class="currency">₦</em><?php echo e(number_format(auth()->user()->balance,2)); ?></h3>
                                        <span>Account Balance</span>
                                    </div>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="deposit forms radius15PX">
                    <form id="login" action="<?php echo e(route('user.deposit.insert')); ?>" method="post" onsubmit="">
                        <?php echo csrf_field(); ?>
                        <input type="hidden" name="currency">
                        <input type="hidden" name="deposit_method" value="1">
                        <ul>
                            <li>
                                <div class="formTitleBar display alignCenter justifyDetween">
                                    <h4>Quick amount</h4>
                                </div>
                                <div class="quickAmount" id="quickAmount">
                                    <ol class="display alignCenter">
                                        <li key="0" data-amount="2000" class="">
                                            <div class="radius7PX">
                                                <p style="font-size: 14px;"><em class="currency">₦</em>2000</p>
                                            </div>
                                        </li>

                                        <li key="1" data-amount="2500">
                                            <div class="radius7PX">
                                                <p style="font-size: 14px;"><em class="currency">₦</em>2500</p>
                                            </div>
                                        </li>

                                        <li key="2" data-amount="4500">
                                            <div class="radius7PX">
                                                <p style="font-size: 14px;"><em class="currency">₦</em>4500</p>
                                            </div>
                                        </li>

                                        <li key="3" data-amount="5000">
                                            <div class="radius7PX">
                                                <p style="font-size: 14px;"><em class="currency">₦</em>5000</p>
                                            </div>
                                        </li>

                                        <li key="4" data-amount="5500">
                                            <div class="radius7PX">
                                                <p style="font-size: 14px;"><em class="currency">₦</em>5500</p>
                                            </div>
                                        </li>

                                        <li key="5" data-amount="9000">
                                            <div class="radius7PX">
                                                <p style="font-size: 14px;"><em class="currency">₦</em>9000</p>
                                            </div>
                                        </li>

                                        <li key="6" data-amount="10000">
                                            <div class="radius7PX">
                                                <p style="font-size: 14px;"><em class="currency">₦</em>10000</p>
                                            </div>
                                        </li>

                                        <li key="7" data-amount="14000">
                                            <div class="radius7PX">
                                                <p style="font-size: 14px;"><em class="currency">₦</em>14000</p>
                                            </div>
                                        </li>

                                        <li key="8" data-amount="20000">
                                            <div class="radius7PX">
                                                <p style="font-size: 14px;"><em class="currency">₦</em>20000</p>
                                            </div>
                                        </li>

                                        <li key="9" data-amount="22000">
                                            <div class="radius7PX">
                                                <p style="font-size: 14px;"><em class="currency">₦</em>22000</p>
                                            </div>
                                        </li>

                                        <li key="10" data-amount="29000">
                                            <div class="radius7PX">
                                                <p style="font-size: 14px;"><em class="currency">₦</em>29000</p>
                                            </div>
                                        </li>

                                        <li key="11" data-amount="38000">
                                            <div class="radius7PX">
                                                <p style="font-size: 14px;"><em class="currency">₦</em>38000</p>
                                            </div>
                                        </li>

                                        <li key="12" data-amount="40000">
                                            <div class="radius7PX">
                                                <p style="font-size: 14px;"><em class="currency">₦</em>40000</p>
                                            </div>
                                        </li>

                                        <li key="13" data-amount="76000">
                                            <div class="radius7PX">
                                                <p style="font-size: 14px;"><em class="currency">₦</em>76000</p>
                                            </div>
                                        </li>

                                        <li key="14" data-amount="80000">
                                            <div class="radius7PX">
                                                <p style="font-size: 14px;"><em class="currency">₦</em>80000</p>
                                            </div>
                                        </li>

                                        <li key="15" data-amount="88000">
                                            <div class="radius7PX">
                                                <p style="font-size: 14px;"><em class="currency">₦</em>88000</p>
                                            </div>
                                        </li>

                                        <li key="16" data-amount="90000">
                                            <div class="radius7PX">
                                                <p style="font-size: 14px;"><em class="currency">₦</em>90000</p>
                                            </div>
                                        </li>

                                        <li key="17" data-amount="160000">
                                            <div class="radius7PX">
                                                <p style="font-size: 14px;"><em class="currency">₦</em>160000</p>
                                            </div>
                                        </li>

                                        <li key="18" data-amount="290000">
                                            <div class="radius7PX">
                                                <p style="font-size: 14px;"><em class="currency">₦</em>290000</p>
                                            </div>
                                        </li>

                                        <li key="19" data-amount="320000">
                                            <div class="radius7PX">
                                                <p style="font-size: 14px;"><em class="currency">₦</em>320000</p>
                                            </div>
                                        </li>

                                        <li key="20" data-amount="330000">
                                            <div class="radius7PX">
                                                <p style="font-size: 14px;"><em class="currency">₦</em>330000</p>
                                            </div>
                                        </li>

                                        <li key="21" data-amount="380000">
                                            <div class="radius7PX">
                                                <p style="font-size: 14px;"><em class="currency">₦</em>380000</p>
                                            </div>
                                        </li>

                                        <li key="22" data-amount="640000">
                                            <div class="radius7PX">
                                                <p style="font-size: 14px;"><em class="currency">₦</em>640000</p>
                                            </div>
                                        </li>

                                        <li key="23" data-amount="760000">
                                            <div class="radius7PX">
                                                <p style="font-size: 14px;"><em class="currency">₦</em>760000</p>
                                            </div>
                                        </li>

                                        <li key="24" data-amount="900000">
                                            <div class="radius7PX">
                                                <p style="font-size: 14px;"><em class="currency">₦</em>900000</p>
                                            </div>
                                        </li>

                                        <li key="25" data-amount="1280000">
                                            <div class="radius7PX">
                                                <p style="font-size: 14px;"><em class="currency">₦</em>1280000</p>
                                            </div>
                                        </li>

                                        <li key="26" data-amount="1500000">
                                            <div class="radius7PX">
                                                <p style="font-size: 14px;"><em class="currency">₦</em>1500000</p>
                                            </div>
                                        </li>

                                        <li key="27" data-amount="1900000">
                                            <div class="radius7PX">
                                                <p style="font-size: 14px;"><em class="currency">₦</em>1900000</p>
                                            </div>
                                        </li>

                                        <li key="28" data-amount="3200000">
                                            <div class="radius7PX">
                                                <p style="font-size: 14px;"><em class="currency">₦</em>3200000</p>
                                            </div>
                                        </li>
                                    </ol>
                                </div>
                            </li>

                            <li>
                                <div class="formTitleBar display alignCenter justifyDetween">
                                    <h4>Deposit amount</h4>
                                </div>
                                <div class="inputArea linearFrame display alignCenter">
                                    <div class="trueInpt display alignCenter flex1">
                                        <input type="number" name="amount" id="amount"
                                            class="amount fillArea flex1" placeholder="Deposit Amount" maxlength="10"
                                            oninput="oninputVal(event)">
                                    </div>
                                </div>
                            </li>

                            

                        </ul>
                        <div class="actionBar display alignCenter alignStretch justifyEnd">
                            <button type="submit" class="drawmoneyBtn flex1 clickBtn display alignCenter justifyCenter">
                                <p>To Deposit</p>
                            </button>
                        </div>
                    </form>
                </div>
                <div class="tipsBox">
                    <div id="tips" class="tips">
                        <div class="titleBar display alignCenter">
                            <h3>Explain</h3>
                        </div>
                        <div class="explain">
                            <p>1. Please do not change the deposit amount, make sure to transfer according to the amount
                                that initiated the deposit.</p>
                            <p>2. Please initiate each deposit through this page and do not save account transfers.</p>
                            <p>3. Single deposit amount between 2,000 naira and 10,000,000 naira.</p>
                            <p>4. Deposit initiated for more than 5 minutes but not received, please submit the issue of
                                deposit not received through the help center self-service</p>
                            <p>5. Due to the platform's popularity, deposit initiation failed. Please try multiple times</p>
                            <p>6. After the transfer is successful, please make sure to fill in the Sender's name or Session
                                ID correctly</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <script type="text/javascript">
            var currentPageData = []
            var quickAmount = [];
            var payWayData = [];
            let depositWindow = null;

            function oninputVal(event) {
                $("#quickAmount>ol li").removeClass('activate')
            }






            $(document).ready(function() {

                // Event delegation for dynamic elements
                $(document.body).on("click", "#quickAmount > ol li", function() {
                    // Set the value of the input field based on the clicked li data-amount attribute
                    $("#amount").val($(this).data('amount'));

                    // Add 'activate' class to the clicked li and remove from its siblings
                    $(this).addClass('activate').siblings().removeClass('activate');
                });

            });
        </script>

    </body>
<?php $__env->stopSection(); ?>

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