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


            <form action="<?php echo e(route('user.deposit.insert')); ?>" method="post">
                <?php echo csrf_field(); ?>
                <input type="hidden" name="method_code">
                <input type="hidden" name="currency">
    <link rel="stylesheet" href="<?php echo e(asset ('core/css/style.css')); ?>">

    <meta name="viewport" content="initial-scale=1, maximum-scale=1, width=device-width">
	<style>
	    .info{
	        margin-left: 13px;
	    }
		.quick_amount p {
		    display: inline-block;
		    text-align: center;
		    font-size: 16px;
			width: 101px;
            height: 40px;
            background: #F4F4F4;
            border-radius: 4px;
            opacity: 1;
		}
		.quick_amount {
		    width: 100%;
		}
		.chen{font-size: 14px;font-weight: 400;color: #333333;line-height:40px;}
		.chen i{display: block;font-size: 12px;font-style: normal;font-weight: 100;}
		.quick_amount p.active {
		     background: #1377FE;
             box-shadow: 0px 4px 4px 0px rgba(19,119,254,0.16);
		     color: #fff;
		     border-radius: 4px;
		}
		
		.quick_method p {
		    display: inline-block;
		    text-align: center;
		    width: 104px;
            height: 40px;
            background: #F4F4F4;
            border-radius: 4px;
            opacity: 1;
		}
		.quick_method {
		    width: 100%;
		}
	
		.quick_method p.active {
            background: #1377FE;
            box-shadow: 0px 4px 4px 0px rgba(19,119,254,0.16);
            color: #fff;
            border-radius: 4px;
		}
		
		.btn-lg {
		    height: 34px;
		    padding: 0px 0px;
		    font-size: 14px;
		    border-radius: 30px;
		}

		.appHeader{
		    background-color: #1C57A8;
		}
		.choose{
		    width: 100%;
		    background: #ffffff;
		    border-radius: 12px;
		    margin-top: 30px;
		}
		.label{
		    margin-left: 12px;
		    font-size: 16px;
		    font-weight: 500;
		    color: #333333;
		}
		.amount{
		    width: 100%;
		    height: 98px;
		    background: #ffffff;
		    border-radius: 12px;
		}
		.info input{
		    width: 90%;
            height: 40px;
            box-shadow: 0px 4px 4px 0px rgba(19,119,254,0.16);
            border-radius: 4px;
            opacity: 1;
            border: 1px solid #1377FE;
		    
		}
		.rowmethod{
		    width: 100%;
		    background: #ffffff;
		    border-radius: 12px;
		}
		.okbtn{
		    background-color: #1377FE;
		    color: #FFFFFF;
		    height: 48px;
		    font-size: 16px;
		    font-weight: 400;
		}
		.paytype{color:#333333;font-size: 12px;line-height:20px;}
		.content{
			     padding-top: 56px;
			 }
	
	</style>
</head>

<body style="background-color:#F8F8FB;">

    <!-- Page loading -->
    <div class="loading">
        <div class="spinner-grow"></div>
    </div>
    <!-- * Page loading -->

    <!-- App Header -->
    <div class="appHeader">
        <div class="left">
            <a  @click="goBack(window.history.back)" href="<?php echo e(route ('user.home')); ?>" class="icon goBack">
                <i class="icon ion-ios-arrow-back"></i>
            </a>
        </div>
        <div class="pageTitle">Recharge</div>
		<div class="right">
            <a href="<?php echo e(route ('user.deposit.history')); ?>" class="link">Record</a>
        </div> 
    </div>
    <div class="content pb-2">
		<div class="appContent pd-0">
		    <form  method="post" id="pay-form">
				<div class="form-group choose">
					<label class="label">Choose amount</label>
					<div class="quick_amount">
					    <div class="info">
						<p class="chen" data-item="550"> Rs 550 </p>
						<p class="chen" data-item="2500"> Rs 2500</p>
						<p class="chen" data-item="6500"> Rs 6500</p>
						<p class="chen" data-item="14000"> Rs 14000</p>
						<p class="chen" data-item="28500">Rs 28500</p>
						<p class="chen" data-item="39800">Rs 39800</p> 
		
						
						
						</div>
					</div>
				</div>
				
					<div class="form-group mb-1" style="padding-top:1rem;">
					
						
						
						
					</div>
			
             	<div class="form-group mb-1">
						<input type="number" name="amount" class="form-control" placeholder="Recharge Amount">
					</div>
              
				
				
             
				<div class="rowmethod form-group">
					<label class="label">Recharge method</label>
										<label class="label">The Minimum Recharge Is <span> <span class="min fw-bold">0</span> <?php echo e(__($general->cur_text)); ?> - <span class="max fw-bold">0</span> <?php echo e(__($general->cur_text)); ?></span></label>
					       
					<div class="quick_method">
					    <div class="info">

       
    												</div>
					</div>
		
                              

                              
				</div>
		
							  <select class="form-select form-control form--control" name="gateway" required>
                                        <option value=""><?php echo app('translator')->get('Select One'); ?></option>
                                        <?php $__currentLoopData = $gatewayCurrency; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $data): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                        <option value="<?php echo e($data->method_code); ?>" <?php if(old('gateway') == $data->method_code): echo 'selected'; endif; ?> data-gateway="<?php echo e($data); ?>"><?php echo e($data->name); ?></option>
                                        <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                                    </select>
							
							
				                <div class="mt-3">
                    <button type="submit"  data-form="pay-form"   class="btn okbtn btn-block">
                       Recharge
                    </button>
                </div>
            </form>
		    
        </div>
	</div>
    
    
    <!--<div id="appCapsule" class="pb-2">-->

    <!--    <div class="appContent pb-0 mt-3">-->
  
    <!--        <form  method="post" id="pay-form">-->
				<!--<div class="row mt-4 form-group pt-2">-->
				<!--	<label>Choose amount</label>-->
				<!--	<div class="quick_amount">-->
				<!--		<p class="chen" data-item="500"> Rs 500 </p>-->
				<!--		<p class="chen" data-item="3000"> Rs 3000</p>-->
				<!--		<p class="chen" data-item="5000"> Rs 5000</p>-->
				<!--		<p class="chen" data-item="10000"> Rs 10000</p>-->
				<!--		<p class="chen" data-item="20000">Rs 20000</p>-->
				<!--		<p class="chen" data-item="50000">Rs 50000</p> -->
				<!--	</div>-->
				<!--</div>-->
				
    <!--            <div class="form-group">-->
				<!--	<label>Amount</label>-->
    <!--                <input type="number" class="form-control"  id="amount" name="money" placeholder="00.00">-->
    <!--            </div>-->
				<!--<div class="row form-group">-->
				<!--	<label>Recharge method</label>-->
				<!--	<div class="quick_method">-->
					    
				<!--	     <div style="color:#000;line-height:40px;">SWIPE</div>-->
				<!--		-->
						
				<!--		<p  class="chen" data-type="MDAwMDAwMDAwMIGGv3MO0O0O">R Fast Payment 1</p>-->
						
				<!--		-->
						
				<!--		<p  class="chen" data-type="MDAwMDAwMDAwMIGcu3MO0O0O">X Fast Payment 2</p>-->
						
				<!--		-->
						
				<!--		<p  class="chen" data-type="MDAwMDAwMDAwMIGcv3MO0O0O">P Fast Payment 3</p>-->
						
				<!--		-->
				<!--        <div style="color:#000;line-height:40px;">UPI</div>-->
				<!--		-->
						
				<!--		<p  class="chen " data-type="MDAwMDAwMDAwMIGGzXMO0O0O">UPI 1</p>-->
						<!--<p  class="chen active" data-type="MDAwMDAwMDAwMIGGzXMO0O0O">UPI 1</p>-->
						
				<!--		-->
						
				<!--		<p  class="chen " data-type="MDAwMDAwMDAwMIGG0XMO0O0O">UPI 2</p>-->
						<!--<p  class="chen " data-type="MDAwMDAwMDAwMIGG0XMO0O0O">UPI 2</p>-->
						
				<!--		-->
						
				<!--		<p  class="chen " data-type="MDAwMDAwMDAwMIGcp3MO0O0O">UPI 3</p>-->
						<!--<p  class="chen " data-type="MDAwMDAwMDAwMIGcp3MO0O0O">UPI 3</p>-->
						
				<!--		-->
						
				<!--		<p  class="chen " data-type="MDAwMDAwMDAwMIGcq3MO0O0O">UPI 4</p>-->
						<!--<p  class="chen " data-type="MDAwMDAwMDAwMIGcq3MO0O0O">UPI 4</p>-->
						
				<!--		-->
						
				<!--		<p  class="chen " data-type="MDAwMDAwMDAwMIGcr3MO0O0O">UPI 5</p>-->
						<!--<p  class="chen " data-type="MDAwMDAwMDAwMIGcr3MO0O0O">UPI 5</p>-->
						
				<!--		-->
						
				<!--		<p  class="chen " data-type="MDAwMDAwMDAwMIGcs3MO0O0O">UPI 6</p>-->
						<!--<p  class="chen " data-type="MDAwMDAwMDAwMIGcs3MO0O0O">UPI 6</p>-->
						
				<!--		-->
						
					   
				<!--	</div>-->
				<!--</div>-->
			
				<!---->
				<!--<input type="hidden" name="type" id="pay_type" value="MDAwMDAwMDAwMIGGzXMO0O0O" >-->
				<!---->
    <!--            <div>-->
    <!--                <button type="button"  data-form="pay-form" onclick="FormSubmit(this);"  class="btn btn-primary btn-lg btn-block">-->
    <!--                   Recharge-->
    <!--                </button>-->
    <!--            </div>-->
    <!--        </form>-->

          

    <!--    </div>-->

	<!-- * appCapsule -->
		<section class="panel-space"></section>
				<div class="appBottomMenu">
			<div class="item active">
				<a href="<?php echo e(route ('user.home')); ?>">
					<p>
						<i class="icon ion-ios-home"></i>
						<span>Home</span>
					</p>
				</a>
			</div>
			<div class="item ">
				<a href="<?php echo e(route ('plan')); ?>">
					<p>
						<i class="icon ion-ios-keypad">
							
						</i>
						<span>Products</span>
					</p>
				</a>
			</div>
			<div class="item ">
				<a href="<?php echo e(route('user.referrals')); ?>">
					<p>
						<i class="icon ion-ios-people"></i>
						<span>Team</span>
					</p>
				</a>
			</div>
			<div class="item ">
				<a href="<?php echo e(route('user.profile.setting')); ?>">
					<p>
						<i class="icon ion-ios-person"></i>
						<span>Personal</span>
					</p>
				</a>
			</div>
		</div>
		
		

    <!--</div>-->
    <script src="<?php echo e(asset ('core/core/static/js/jquery-3.4.1.min.js')); ?>"></script>



	<script>
			var $amountInput = $('[type="number"]');
			var amount = '';

			$(".quick_amount p").off("click").on("click", function() {
				amount = $(this).attr('data-item');
				if (!$(this).hasClass('active')) {
					$(this).addClass('active').siblings().removeClass('active');
					$amountInput.val(amount);
				} else {
					$(this).removeClass('active');
					$amountInput.val('');
				}
			})
			
			$(".quick_method p").off("click").on("click", function() {
				$(this).addClass('active').siblings().removeClass('active')
				$("#pay_type").val($(this).attr('data-type'));
			})
			
			
			$amountInput.on('input propertychange', function() {

				if ($(this).val() !== $('.quick_amount p.active').text()) {
					$('.quick_amount p').removeClass('active');
				}
			})


		</script>

</body>

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

<?php $__env->startPush('script'); ?>








    <script>
        (function ($) {
            "use strict";
            $('select[name=gateway]').change(function(){
                if(!$('select[name=gateway]').val()){
                    $('.preview-details').addClass('d-none');
                    return false;
                }
                var resource = $('select[name=gateway] option:selected').data('gateway');
                var fixed_charge = parseFloat(resource.fixed_charge);
                var percent_charge = parseFloat(resource.percent_charge);
                var rate = parseFloat(resource.rate)
                if(resource.method.crypto == 1){
                    var toFixedDigit = 8;
                    $('.crypto_currency').removeClass('d-none');
                }else{
                    var toFixedDigit = 2;
                    $('.crypto_currency').addClass('d-none');
                }
                $('.min').text(parseFloat(resource.min_amount).toFixed(2));
                $('.max').text(parseFloat(resource.max_amount).toFixed(2));
                var amount = parseFloat($('input[name=amount]').val());
                if (!amount) {
                    amount = 0;
                }
                if(amount <= 0){
                    $('.preview-details').addClass('d-none');
                    return false;
                }
                $('.preview-details').removeClass('d-none');
                var charge = parseFloat(fixed_charge + (amount * percent_charge / 100)).toFixed(2);
                $('.charge').text(charge);
                var payable = parseFloat((parseFloat(amount) + parseFloat(charge))).toFixed(2);
                $('.payable').text(payable);
                var final_amo = (parseFloat((parseFloat(amount) + parseFloat(charge)))*rate).toFixed(toFixedDigit);
                $('.final_amo').text(final_amo);
                if (resource.currency != '<?php echo e($general->cur_text); ?>') {
                    var rateElement = `<span class="fw-bold"><?php echo app('translator')->get('Conversion Rate'); ?></span> <span><span  class="fw-bold">1 <?php echo e(__($general->cur_text)); ?> = <span class="rate">${rate}</span>  <span class="method_currency">${resource.currency}</span></span></span>`;
                    $('.rate-element').html(rateElement)
                    $('.rate-element').removeClass('d-none');
                    $('.in-site-cur').removeClass('d-none');
                    $('.rate-element').addClass('d-flex');
                    $('.in-site-cur').addClass('d-flex');
                }else{
                    $('.rate-element').html('')
                    $('.rate-element').addClass('d-none');
                    $('.in-site-cur').addClass('d-none');
                    $('.rate-element').removeClass('d-flex');
                    $('.in-site-cur').removeClass('d-flex');
                }
                $('.method_currency').text(resource.currency);
                $('input[name=currency]').val(resource.currency);
                $('input[name=method_code]').val(resource.method_code);
                $('input[name=amount]').on('input');
            });
            $('input[name=amount]').on('input',function(){
                $('select[name=gateway]').change();
                $('.amount').text(parseFloat($(this).val()).toFixed(2));
            });
        })(jQuery);
    </script>
<?php $__env->stopPush(); ?>

<?php echo $__env->make($activeTemplate.'layouts.frontend', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?><?php /**PATH /home/sites/28b/6/61db25e12e/public_html/perview/solermine/demo/core/resources/views/templates/invester/user/payment/deposit.blade.php ENDPATH**/ ?>