<!doctype html>
<html lang="en">
<head>
    <meta data-n-head="ssr" charset="utf-8">
    <meta data-n-head="ssr" name="viewport" content="width=device-width, initial-scale=1">
    <meta data-n-head="ssr" data-hid="description" name="description" content="<?php echo e(env('APP_NAME')); ?> APP">
    <title><?php echo e(env('APP_NAME')); ?></title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <link rel="stylesheet" href="<?php echo e(asset('public/recharge.css')); ?>">
    <style>
        .deposit-page-bottom button {
            background: #0000a0;
            border: none;
            border-radius: 8px;
            font-size: 18px;
            font-weight: 700;
            height: 50px;
            width: 100%;
            color: #ffff;
        }
        .deposit-page-content-amount {
            border-radius: 20px;
            margin-bottom: 0;
            padding: 24px 0;
        }
        select#methods {
            width: 100%;
            color: #3d3939;
            font-weight: bold;
            padding: 16px 0;
            border-radius: 10px;
            margin-bottom: 16px;
        }
        select#methods:focus-visible{
            outline: none;
        }
    </style>
</head>
<body>
<div id="__nuxt">
    <div id="__layout">
        <div>
            <section class="deposit-page flex flex-col">
                <div data-v-3d11c917="" class="header-wrapper fixed w-full">
                    <header data-v-3d11c917=""
                            class="header w-full relative flex items-center light deposit-page-header">
                        <div data-v-3d11c917="" class="left absolute" onclick="window.location.href='<?php echo e(route('earning')); ?>'">
                            <svg data-v-3d11c917="" xmlns="http://www.w3.org/2000/svg" width="24" height="24"
                                 viewBox="0 0 24 24" fill="none">
                                <path data-v-3d11c917=""
                                      d="M12.4888 15.9872C12.4888 15.9865 12.4903 15.9858 12.4903 15.9851C12.4846 15.9851 12.4839 15.9858 12.4888 15.9872ZM0.941297 13.007L8.30281 20.3685C8.93608 21.0018 9.96354 21.0018 10.5961 20.3685C11.2294 19.7367 11.2294 18.7092 10.5961 18.076L6.00247 13.4816H21.588C22.4836 13.4816 23.2092 12.7553 23.2092 11.8604C23.2092 10.9641 22.4828 10.2384 21.588 10.2384H6.00318L10.5968 5.64481C11.2301 5.01225 11.2301 3.98408 10.5968 3.35152C10.2802 3.03489 9.86482 2.87622 9.44946 2.87622C9.03481 2.87622 8.61945 3.03489 8.30352 3.35152L0.941297 10.7137C0.307328 11.347 0.307328 12.3731 0.941297 13.007Z"
                                      fill="currentColor"></path>
                            </svg>
                        </div>
                        <div data-v-3d11c917="" class="title bold flex-1">Deposit</div>
                    </header>
                </div>
                <div class="deposit-page-content flex-1">
                    <div class="deposit-page-content-amount">
                        <div class="deposit-page-content-input">
                            <input name="amount" placeholder="Enter Deposit Amount" type="number">
                        </div>
                        <div class="deposit-page-content-amount-title">Current Available Balance: <?php echo e(price(auth()->user()->balance)); ?></div>
                        <div class="deposit-page-content-amount-choose-title">Quick options</div>
                        <div class="deposit-page-content-amount-choose">
                            <div class="deposit-page-content-amount-choose-item flex flex-col items-center relative" onclick="getAmount(this, 500)">
                                <?php echo e(price(500)); ?>

                            </div>
                            <div class="deposit-page-content-amount-choose-item flex flex-col items-center relative" onclick="getAmount(this, 1000)">
                                <?php echo e(price(1000)); ?>

                            </div>
                            <div class="deposit-page-content-amount-choose-item flex flex-col items-center relative" onclick="getAmount(this, 2000)">
                                <?php echo e(price(2000)); ?>

                            </div>
                            <div class="deposit-page-content-amount-choose-item flex flex-col items-center relative" onclick="getAmount(this, 5000)">
                                <?php echo e(price(5000)); ?>

                            </div>
                            <div class="deposit-page-content-amount-choose-item flex flex-col items-center relative" onclick="getAmount(this, 10000)">
                                <?php echo e(price(10000)); ?>

                            </div>
                            <div class="deposit-page-content-amount-choose-item flex flex-col items-center relative" onclick="getAmount(this, 25000)">
                                <?php echo e(price(25000)); ?>

                            </div>
                        </div>
                    </div>
                    <div class="deposit-page-content-inputt">
                        <select name="methods" id="methods">
                            <option value="">Select Payment Channel</option>
                            <?php $__currentLoopData = \App\Models\PaymentMethod::get(); $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $element): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                <option value="<?php echo e($element->id); ?>"><?php echo e($element->name); ?></option>
                            <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                        </select>
                    </div>
                    <div class="deposit-page-content-title">Select the Deposit Channel</div>
                    <div class="deposit-page-content-select">
                        <div class="deposit-page-content-select-item flex items-center relative">
                            <div class="content">
                                <div class="deposit-page-content-select-item-content">Pay Limit 500-25000 (৳500 ~ ৳25000)
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="deposit-page-bottom fixed w-full">
                    <button onclick="go_payment()"
                            class="van-button van-button--primary van-button--normal van-button--disabled van-button--block">
                        <div class="van-button__content">
                            <span class="van-button__text">
                                Confirm
                            </span>
                        </div>
                    </button>
                </div>
            </section>
        </div>
    </div>
</div>
<?php echo $__env->make('alert-message', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?>
<script>
    function getAmount(_this, amount){
        document.querySelector('input[name="amount"]').value = amount;

        var elements = document.querySelectorAll('.deposit-page-content-amount-choose-item');
        for (let i=0;i<elements.length;i++){
            if (elements[i].classList.contains('active')){
                elements[i].classList.remove('active')
            }
        }
        _this.classList.add('active')
    }


    function go_payment(){
        var inputValue = document.querySelector('input[name="amount"]').value;
        var methods = document.querySelector('select[name="methods"]').value;
        if (methods == ''){
            message("Select payment channel");
            return 0;
        }

        if(inputValue <= 25000 && inputValue >= 1){
            window.location.href='<?php echo e(url('user/payment')); ?>'+"/"+inputValue+"/"+methods
        }else{
            message('Please enter correct amount.');
        }
    }
</script>
</body>
</html>
<?php /**PATH /home/upagexy3/ye-sundemoweb.pro/v579/resources/views/app/main/recharge/index.blade.php ENDPATH**/ ?>