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






                       <form action="<?php echo e(route('user.withdraw.money')); ?>" method="post">
                        <?php echo csrf_field(); ?>
                    
                    <a style="display:none;">
                         <select  name="method_code" required>
                              <?php $__currentLoopData = $withdrawMethod; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $data): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                    <option value="<?php echo e($data->id); ?>" data-resource="<?php echo e($data); ?>">  <?php echo e(__($data->name)); ?></option>
                                <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                               
                                </select>
                    </a>
                    
                    
                    
         	<style>
		.quick_amount p {
		    display: inline-block;
		    text-align: center;
		    font-size: 16px;
		    border: 1px #dcdada solid;
		    color: #000;
		    width: 32%;
		    background: #f7f7f7;
		    border-radius: 4px;
			padding: 6px 0;
		}
		.quick_amount {
		    width: 100%;
		}
		.chen{font-weight: 600;}
		.chen i{display: block;font-size: 12px;font-style: normal;font-weight: 100;}
		.quick_amount p.active {
		     
		     color: #fff;
		     border-radius: 4px;
		    
	  background: linear-gradient(90deg, #FF5733 0%, #C70039 50%, #900C3F 100%);
		    
		}
		
		.quick_method p {
		    display: inline-block;
		    text-align: center;
		    font-size: 16px;
		    border: 1px #dcdada solid;
		    color: #000;
		    width: 32%;
		    background: #f7f7f7;
		    border-radius: 4px;
			padding: 6px 0;
		}
		.quick_method {
		    width: 100%;
		}
	
		.quick_method p.active {
    
    color: #fff;
    border-radius: 4px;
    /*background: #0160bf;
    border: #0160bf 1px solid;
    */
    background: linear-gradient(90deg, #FF5733 0%, #C70039 100%);

		    
		}
		
		.btn-lg {
		    height: 34px;
		    padding: 0px 0px;
		    font-size: 14px;
		    border-radius: 30px;
		}
		.appContent {
		
		    border-radius: 16px 16px 0 0;
		}
		.cst-btn{
   background: linear-gradient(90deg, #FF5733 0%, #C70039 50%, #900C3F 100%);
    color: #fff;
    border: none;
    border-radius: 10px;
}
.cst-btn:hover {
  background: linear-gradient(90deg, #FF5733 0%, #C70039 50%, #900C3F 100%);

    color: #fff;
    border: none;
    border-radius: 10px;
}
 *{
            	font-family: 'Prompt',sans-serif;
            
            }
	</style>
</head>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.7.0/css/all.min.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css"/>
    <link href="https://kit-pro.fontawesome.com/releases/v5.15.1/css/pro.min.css" rel="stylesheet">
	<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Prompt&display=swap" rel="stylesheet">
	<body style="background: linear-gradient(90deg, #f3f3f3 0%, #d9d9d9 100%);">

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

    <!-- App Header -->
    <div class="appHeader" style="     background: linear-gradient(90deg, #FF5733 0%, #C70039 50%, #900C3F 100%);">
        <div class="left">
            <a href="account.html" class="icon goBack">
                <i class="icon ion-ios-arrow-back"></i>
            </a>
        </div>
        <div  style="color:white;"   class="pageTitle">Cashout</div>
		<div class="right">
         
        </div> 
    </div>
    <div id="appCapsule" class="pb-2"style="background: linear-gradient(90deg, #f3f3f3 0%, #d9d9d9 100%);">
     <div id="inr">
         

                   

         
        <div class="appContent pb-0 mt-3">
    

					<h6  style="color:white;    background: linear-gradient(90deg, #FF5733 0%, #C70039 50%, #900C3F 100%);">Minimum Withdraw   <span><span class="min fw-bold">0</span> <?php echo e(__($general->cur_text)); ?></h6>
              
                <div class="form-group">
					<label>Enter Amount</label>
                    <input type="number" class="form-control"   name="amount" placeholder="Enter Withdraw Amount"  required>
                </div>

				<div class="form-group">
					
					<div class="quick_method">
				   
				    
					</div>
				</div>
				
                <div style="padding-bottom: 20px;">
                  
                    <button type="submit"   style="    background: linear-gradient(90deg, #FF5733 0%, #C70039 50%, #900C3F 100%); "    class="btn cst-btn btn-lg btn-block"  >
                  Request Now
                    </button>
                 </div>
           

          

        </div>



        </div>














                           
                           

<?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 $__env->stopSection(); ?>

<?php $__env->startPush('script'); ?>
<script>
    (function ($) {
        "use strict";
        $('select[name=method_code]').change(function(){
            if(!$('select[name=method_code]').val()){
                $('.preview-details').addClass('d-none');
                return false;
            }
            var resource = $('select[name=method_code] option:selected').data('resource');
            var fixed_charge = parseFloat(resource.fixed_charge);
            var percent_charge = parseFloat(resource.percent_charge);
            var rate = parseFloat(resource.rate)
            var toFixedDigit = 2;
            $('.min').text(parseFloat(resource.min_limit).toFixed(2));
            $('.max').text(parseFloat(resource.max_limit).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);
            if (resource.currency != '<?php echo e($general->cur_text); ?>') {
                var rateElement = `<span><?php echo app('translator')->get('Conversion Rate'); ?></span> <span class="fw-bold">1 <?php echo e(__($general->cur_text)); ?> = <span class="rate">${rate}</span>  <span class="base-currency">${resource.currency}</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');
            }
            var receivable = parseFloat((parseFloat(amount) - parseFloat(charge))).toFixed(2);
            $('.receivable').text(receivable);
            var final_amo = parseFloat(parseFloat(receivable)*rate).toFixed(toFixedDigit);
            $('.final_amo').text(final_amo);
            $('.base-currency').text(resource.currency);
            $('.method_currency').text(resource.currency);
            $('input[name=amount]').on('input');
        });
        $('input[name=amount]').on('input',function(){
            var data = $('select[name=method_code]').change();
            $('.amount').text(parseFloat($(this).val()).toFixed(2));
        });
    })(jQuery);
</script>
<?php $__env->stopPush(); ?>

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