<?php $__env->startSection('page_title',__('Add Fund')); ?>

<?php $__env->startSection('content'); ?>
	<div class="main-content">
		<section class="section">
			<div class="section-header">
				<h1><?php echo app('translator')->get('Add Fund'); ?></h1>
				<div class="section-header-breadcrumb">
					<div class="breadcrumb-item active">
						<a href="<?php echo e(route('user.dashboard')); ?>"><?php echo app('translator')->get('Dashboard'); ?></a>
					</div>
					<div class="breadcrumb-item"><?php echo app('translator')->get('Add Fund'); ?></div>
				</div>
			</div>

			<!------ alert ------>
			<div class="row ">
				<div class="col-md-12">
					<div class="bd-callout bd-callout-primary mx-2">
						<i class="fa-3x fas fa-info-circle text-primary"></i> <?php echo app('translator')->get(@$template->description->short_description); ?>
					</div>
				</div>
			</div>

			<!------ main content ------>
			<div class="row justify-content-md-center">
				<div class="col-md-6">
					<div class="card mb-4 shadow card-primary">
						<div class="card-header py-3 d-flex flex-row align-items-center justify-content-between">
							<h6 class="m-0 font-weight-bold text-primary"><?php echo app('translator')->get('Deposit'); ?></h6>
						</div>
						<div class="card-body">
							<form action="<?php echo e(route('fund.initialize')); ?>" method="post">
								<?php echo csrf_field(); ?>
								<div class="row">
									<input type="hidden" name="orderCardId" value="<?php echo e($id); ?>">
									<div class="col-md-6 search-currency-dropdown">
										<div class="form-group">
											<label for="currency"><?php echo app('translator')->get('Currency'); ?></label>
											<select id="currency" name="currency"
													class="form-control <?php $__errorArgs = ['currency'];
$__bag = $errors->getBag($__errorArgs[1] ?? 'default');
if ($__bag->has($__errorArgs[0])) :
if (isset($message)) { $__messageOriginal = $message; }
$message = $__bag->first($__errorArgs[0]); ?> is-invalid <?php unset($message);
if (isset($__messageOriginal)) { $message = $__messageOriginal; }
endif;
unset($__errorArgs, $__bag); ?>">
												<?php $__currentLoopData = $currencies; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $key => $currency): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
													<option data-currency="<?php echo e(__($currency->code)); ?>"
															data-currencytype="<?php echo e($currency->currency_type); ?>"
															value="<?php echo e($currency->id); ?>"
													<?php if($from == 'card'): ?>
														<?php echo e(($currency->code == $order->currency) ? 'selected' : 'disabled'); ?>

														<?php else: ?>
														<?php echo e(($currency->is_default == 1) ? 'selected' : ''); ?>

														<?php endif; ?>>
														<?php echo e(__($currency->code)); ?> <?php echo app('translator')->get('-'); ?> <?php echo e(__($currency->name)); ?>

													</option>
												<?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
											</select>
											<div class="invalid-feedback">
												<?php $__errorArgs = ['currency'];
$__bag = $errors->getBag($__errorArgs[1] ?? 'default');
if ($__bag->has($__errorArgs[0])) :
if (isset($message)) { $__messageOriginal = $message; }
$message = $__bag->first($__errorArgs[0]); ?> <?php echo app('translator')->get($message); ?> <?php unset($message);
if (isset($__messageOriginal)) { $message = $__messageOriginal; }
endif;
unset($__errorArgs, $__bag); ?>
											</div>
										</div>
									</div>
									<div class="col-md-6">
										<div class="form-group">
											<label for="amount"><?php echo app('translator')->get('Amount'); ?></label>
											<?php if($from == 'card'): ?>
												<span class="info" title="How much amount you need to add"
													  data-toggle="modal"
													  data-target="#infoModal"><img class="info-icon"
																					src="<?php echo e(asset('assets/info.png')); ?>"
																					alt="..."></span>
											<?php endif; ?>
											<input type="text" id="amount" value="<?php echo e(old('amount')); ?>" name="amount"
												   placeholder="<?php echo app('translator')->get('0.00'); ?>"
												   class="form-control <?php $__errorArgs = ['amount'];
$__bag = $errors->getBag($__errorArgs[1] ?? 'default');
if ($__bag->has($__errorArgs[0])) :
if (isset($message)) { $__messageOriginal = $message; }
$message = $__bag->first($__errorArgs[0]); ?> is-invalid <?php unset($message);
if (isset($__messageOriginal)) { $message = $__messageOriginal; }
endif;
unset($__errorArgs, $__bag); ?>"
												   autocomplete="off">
											<div class="invalid-feedback">
												<?php $__errorArgs = ['amount'];
$__bag = $errors->getBag($__errorArgs[1] ?? 'default');
if ($__bag->has($__errorArgs[0])) :
if (isset($message)) { $__messageOriginal = $message; }
$message = $__bag->first($__errorArgs[0]); ?> <?php echo app('translator')->get($message); ?> <?php unset($message);
if (isset($__messageOriginal)) { $message = $__messageOriginal; }
endif;
unset($__errorArgs, $__bag); ?>
											</div>
											<div class="valid-feedback"></div>
										</div>
									</div>
								</div>

								<div class="row">
									<div class="col-md-12">
										<label for="methodId"><?php echo app('translator')->get('Select Payment Method'); ?></label>
										<div class="form-group">
											<div class="row payment-method-input p-1">
												<?php $__currentLoopData = $methods; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $key => $method): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
													<div class="col-md-2 col-sm-3 col-6">
														<div class="form-check form-check-inline mr-0 mb-3">
															<input class="form-check-input methodId" type="radio"
																   name="methodId" id="<?php echo e($key); ?>"
																   value="<?php echo e($method->id); ?>" <?php echo e(old('methodId') == $method->id || $key == 0 ? ' checked' : ''); ?>>
															<label class="form-check-label" for="<?php echo e($key); ?>">
																<img
																	src="<?php echo e(getFile(config('location.gateway.path').$method->image )); ?>">
															</label>
														</div>
													</div>
												<?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
											</div>
										</div>
									</div>
								</div>
								<button type="submit" id="submit" class="btn btn-primary btn-sm btn-block"
										disabled><?php echo app('translator')->get('Deposit'); ?></button>
							</form>
						</div>
					</div>
				</div>
				<div class="col-md-6">
					<div class="card mb-4 shadow card-primary">
						<div class="card-header py-3 d-flex flex-row align-items-center justify-content-between">
							<h6 class="m-0 font-weight-bold text-primary"><?php echo app('translator')->get('Details'); ?></h6>
						</div>
						<div class="card-body showCharge">
						</div>
					</div>
				</div>
			</div>

		</section>
	</div>
	<?php if($from == 'card'): ?>
		<div id="infoModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="primary-header-modalLabel"
			 aria-hidden="true">
			<div class="modal-dialog">
				<div class="modal-content">
					<div class="modal-header">
						<h4 class="modal-title text-dark font-weight-bold"
							id="primary-header-modalLabel"><?php echo app('translator')->get('Card Add Fund Information'); ?></h4>
						<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
					</div>
					<div class="modal-body">
						<?php if(cardCurrencyCheck($id)['status'] == 'success'): ?>
							<ul>
								<li><?php echo app('translator')->get('Minimum Fund Amount'); ?> <?php echo e(cardCurrencyCheck($id)['MinimumAmount']); ?> <?php echo e(cardCurrencyCheck($id)['currencyCode']); ?></li>
								<li><?php echo app('translator')->get('Maximum Fund Amount'); ?> <?php echo e(cardCurrencyCheck($id)['MaximumAmount']); ?> <?php echo e(cardCurrencyCheck($id)['currencyCode']); ?></li>
								<li class="text-danger"><?php echo app('translator')->get('Charges'); ?> <span><?php echo e(cardCurrencyCheck($id)['PercentCharge']); ?>% + <?php echo e(cardCurrencyCheck($id)['FixedCharge']); ?> <?php echo e(cardCurrencyCheck($id)['currencyCode']); ?></span>
								</li>
							</ul>
						<?php endif; ?>
					</div>
					<div class="modal-footer">
						<button type="button" class="btn btn-dark" data-dismiss="modal"><?php echo app('translator')->get('Close'); ?></button>
					</div>
				</div>
			</div>
		</div>
	<?php endif; ?>
<?php $__env->stopSection(); ?>

<?php $__env->startSection('scripts'); ?>
	<script>
		'use strict'
		$(document).ready(function () {
			$('[data-toggle="tooltip"]').tooltip()
			let amountField = $('#amount');
			let amountStatus = false;

			function clearMessage(fieldId) {
				$(fieldId).removeClass('is-valid')
				$(fieldId).removeClass('is-invalid')
				$(fieldId).closest('div').find(".invalid-feedback").html('');
				$(fieldId).closest('div').find(".is-valid").html('');
			}

			$(document).on('change, input', "#amount, #charge_from, #currency, .methodId", function (e) {
				let amount = amountField.val();
				let currency_id = $('#currency').val();
				let currency_code = $('#currency option:selected').data('currency');
				let currency_type = $('#currency option:selected').data('currencytype');
				let transaction_type_id = "<?php echo e(config('transactionType.deposit')); ?>"; //Deposit
				let methodId = $("input[type='radio'][name='methodId']:checked").val();
				if (!isNaN(amount) && amount > 0) {
					let fraction = amount.split('.')[1];
					let limit = currency_type == 0 ? 8 : 2;
					if (fraction && fraction.length > limit) {
						amount = (Math.floor(amount * Math.pow(10, limit)) / Math.pow(10, limit)).toFixed(limit);
						amountField.val(amount);
					}
					checkAmount(amount, currency_id, transaction_type_id, methodId, currency_code)
				} else {
					clearMessage(amountField)
					$('.showCharge').html('')
				}
			});

			function checkAmount(amount, currency_id, transaction_type_id, methodId, currency_code) {
				$.ajax({
					method: "GET",
					url: "<?php echo e(route('deposit.checkAmount')); ?>",
					dataType: "json",
					data: {
						'amount': amount,
						'currency_id': currency_id,
						'transaction_type_id': transaction_type_id,
						'methodId': methodId,
					}
				})
					.done(function (response) {
						let amountField = $('#amount');
						if (response.status) {
							clearMessage(amountField);
							$(amountField).addClass('is-valid');
							$(amountField).closest('div').find(".valid-feedback").html(response.message);
							amountStatus = true;
							submitButton();
							showCharge(response, currency_code);
						} else {
							amountStatus = false;
							submitButton();
							$('.showCharge').html('');
							clearMessage(amountField);
							$(amountField).addClass('is-invalid');
							$(amountField).closest('div').find(".invalid-feedback").html(response.message);
						}
					});
			}

			function submitButton() {
				if (amountStatus) {
					$("#submit").removeAttr("disabled");
				} else {
					$("#submit").attr("disabled", true);
				}
			}

			function showCharge(response, currency_code) {
				let txnDetails = `
					<ul class="list-group">
						<li class="list-group-item d-flex justify-content-between">
							<span><?php echo e(__('Available Balance')); ?></span>
							<span class="text-success"> ${response.balance} ${currency_code}</span>
						</li>
						<li class="list-group-item d-flex justify-content-between">
							<span><?php echo e(__('Transfer Charge')); ?></span>
							<span class="text-danger"> ${response.percentage_charge} + ${response.fixed_charge} = ${response.charge} ${currency_code}</span>
						</li>
						<li class="list-group-item d-flex justify-content-between">
							<span><?php echo e(__('Payable Amount')); ?></span>
							<span class="text-info"> ${response.payable_amount} ${currency_code}</span>
						</li>
						<li class="list-group-item d-flex justify-content-between">
							<span><?php echo e(__('Received')); ?></span>
							<span class="text-info"> ${response.amount} ${currency_code}</span>
						</li>
						<li class="list-group-item d-flex justify-content-between">
							<span><?php echo e(__('New Balance')); ?></span>
							<span class="text-primary"> ${response.new_balance} ${currency_code}</span>
						</li>
						<li class="list-group-item d-flex justify-content-between">
							<span><?php echo e(__('Min Deposit Limit')); ?></span>
							<span>${parseFloat(response.min_limit).toFixed(response.currency_limit)} ${currency_code}</span>
						</li>
						<li class="list-group-item d-flex justify-content-between">
							<span><?php echo e(__('Max Deposit Limit')); ?></span>
							<span>${parseFloat(response.max_limit).toFixed(response.currency_limit)} ${currency_code}</span>
						</li>
					</ul>
					`;
				$('.showCharge').html(txnDetails)
			}
		});
	</script>
<?php $__env->stopSection(); ?>

<?php echo $__env->make('user.layouts.master', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?><?php /**PATH E:\xamp\htdocs\Paysecure-wallet\project\resources\views/user/fund/create.blade.php ENDPATH**/ ?>