<?php $__env->startPush('css'); ?>
<?php $__env->stopPush(); ?>
<?php $__env->startSection('breadcrumb'); ?>
<?php echo $__env->make('user.components.breadcrumb',['breadcrumbs' => [
[
'name' => __("Dashboard"),
'url' => setRoute("user.dashboard"),
]
], 'active' => __($page_title)], \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?>
<?php $__env->stopSection(); ?>
<?php $__env->startSection('content'); ?>
<div class="body-wrapper">
<div class="row mb-20-none">
<div class="col-xl-7 col-lg-7 mb-20">
<div class="custom-card mt-10">
<div class="dashboard-header-wrapper">
<h4 class="title"><?php echo e(__($page_title)); ?></h4>
</div>
<div class="card-body">
<form class="card-form" action="<?php echo e(setRoute('user.add.money.confirm')); ?>" method="post">
<?php echo csrf_field(); ?>
<div class="row">
<div class="col-xl-12 col-lg-12 form-group text-center">
<div class="exchange-area">
<code class="d-block text-center"><span><?php echo e(__("Exchange Rate")); ?></span><span class="exchange-rate"></span></code>
</div>
</div>
<div class="col-xl-6 col-lg-6 form-group currency-input">
<label><?php echo e(__("Amount")); ?><span>*</span></label>
<input type="text" class="form--control number-input amount" name="amount" placeholder="<?php echo e(__("Enter Amount")); ?>...">
<div class="my-currency">
<span><?php echo e(get_default_currency_code()); ?></span>
</div>
</div>
<div class="col-xl-6 col-lg-6 form-group">
<label><?php echo e(__("Payment Gateway")); ?><span>*</span></label>
<select class="select2-basic" name="payment_gateway">
<?php $__currentLoopData = $payment_gateways ?? []; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $item): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
<option value="<?php echo e($item->alias); ?>"
data-min-limit="<?php echo e($item->min_limit); ?>"
data-max-limit="<?php echo e($item->max_limit); ?>"
data-fixed-charge="<?php echo e($item->fixed_charge); ?>"
data-percent-charge="<?php echo e($item->percent_charge); ?>"
data-rate="<?php echo e($item->rate); ?>"
data-code="<?php echo e($item->currency_code); ?>"
data-name="<?php echo e($item->name); ?>"
><?php echo e($item->name); ?><?php if($item->gateway->isManual()): ?>
(Manual)
<?php endif; ?></option>
<?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
</select>
</div>
<div class="col-xl-12 col-lg-12 form-group">
<div class="note-area">
<code class="d-block limit"></code>
</div>
</div>
</div>
<div class="col-xl-12 col-lg-12">
<button type="submit" class="btn--base w-100"><?php echo e(__("Confirm")); ?></button>
</div>
</form>
</div>
</div>
</div>
<div class="col-xl-5 col-lg-5 mb-20">
<div class="custom-card mt-10">
<div class="dashboard-header-wrapper">
<h4 class="title"><?php echo e(__("Summary")); ?></h4>
</div>
<div class="card-body">
<div class="preview-list-wrapper">
<div class="preview-list-item">
<div class="preview-list-left">
<div class="preview-list-user-wrapper">
<div class="preview-list-user-icon">
<i class="las la-receipt"></i>
</div>
<div class="preview-list-user-content">
<span><?php echo e(__("Amount")); ?></span>
</div>
</div>
</div>
<div class="preview-list-right">
<span class="text--success sending-amount"></span>
</div>
</div>
<div class="preview-list-item">
<div class="preview-list-left">
<div class="preview-list-user-wrapper">
<div class="preview-list-user-icon">
<i class="las la-coins"></i>
</div>
<div class="preview-list-user-content">
<span><?php echo e(__("Payment Gateway")); ?></span>
</div>
</div>
</div>
<div class="preview-list-right">
<span class="text--warning payment-gateway"></span>
</div>
</div>
<div class="preview-list-item">
<div class="preview-list-left">
<div class="preview-list-user-wrapper">
<div class="preview-list-user-icon">
<i class="las la-battery-half"></i>
</div>
<div class="preview-list-user-content">
<span><?php echo e(__("Total Fees & Charges")); ?></span>
</div>
</div>
</div>
<div class="preview-list-right">
<span class="text--warning fees"></span>
</div>
</div>
<div class="preview-list-item">
<div class="preview-list-left">
<div class="preview-list-user-wrapper">
<div class="preview-list-user-icon">
<i class="las la-money-check-alt"></i>
</div>
<div class="preview-list-user-content">
<span class="last"><?php echo e(__("Total Payable Amount")); ?></span>
</div>
</div>
</div>
<div class="preview-list-right">
<span class="text--info last payable-amount"></span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="dashboard-list-area mt-60 mb-30">
<div class="dashboard-header-wrapper">
<h4 class="title"><?php echo e(__("Latest Transactions")); ?></h4>
<div class="dashboard-btn-wrapper">
<div class="dashboard-btn">
<a href="<?php echo e(setRoute('user.transaction.log.add.money')); ?>" class="btn--base"><?php echo e(__("View More")); ?></a>
</div>
</div>
</div>
</div>
<div class="dashboard-list-wrapper">
<?php echo $__env->make('user.components.transaction.index',[
'data' => $transactions
], \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?>
</div>
</div>
<?php $__env->stopSection(); ?>
<?php $__env->startPush('script'); ?>
<script>
var baseRate = "<?php echo e(get_default_currency_rate()); ?>";
var baseCurrency = "<?php echo e(get_default_currency_code()); ?>";
var limitText = "<?php echo e(__('Limit')); ?>";
$(document).ready(function () {
var setAmount = $("input[name=amount]").val(100);
var minLimit = $("select[name=payment_gateway] :selected").data('min-limit');
var maxLimit = $("select[name=payment_gateway] :selected").data('max-limit');
var fixedCharge = $("select[name=payment_gateway] :selected").data('fixed-charge');
var percentCharge = $("select[name=payment_gateway] :selected").data('percent-charge');
var rate = $("select[name=payment_gateway] :selected").data('rate');
var code = $("select[name=payment_gateway] :selected").data('code');
var name = $("select[name=payment_gateway] :selected").data('name');
var amount = $("input[name=amount]").val();
if(amount == '' || amount == null){
amount = 0;
}
feesAndChargeCalculation(amount,fixedCharge,percentCharge,rate,code,minLimit,maxLimit,name);
});
$(".amount").keyup(function(){
var amount = $(this).val();
var minLimit = $("select[name=payment_gateway] :selected").data('min-limit');
var maxLimit = $("select[name=payment_gateway] :selected").data('max-limit');
var fixedCharge = $("select[name=payment_gateway] :selected").data('fixed-charge');
var percentCharge = $("select[name=payment_gateway] :selected").data('percent-charge');
var rate = $("select[name=payment_gateway] :selected").data('rate');
var code = $("select[name=payment_gateway] :selected").data('code');
var name = $("select[name=payment_gateway] :selected").data('name');
if(amount == '' || amount == null){
amount = 0;
}
feesAndChargeCalculation(amount,fixedCharge,percentCharge,rate,code,minLimit,maxLimit,name);
});
$("select[name=payment_gateway]").change(function(){
var minLimit = $(this).find(':selected').data('min-limit');
var maxLimit = $(this).find(':selected').data('max-limit');
var fixedCharge = $(this).find(':selected').data('fixed-charge');
var percentCharge = $(this).find(':selected').data('percent-charge');
var rate = $(this).find(':selected').data('rate');
var code = $(this).find(':selected').data('code');
var name = $(this).find(':selected').data('name');
var amount = $(".amount").val();
if(amount == '' || amount == null){
amount = 0;
}
feesAndChargeCalculation(amount,fixedCharge,percentCharge,rate,code,minLimit,maxLimit,name);
});
function feesAndChargeCalculation(amount,fixedCharge,percentCharge,rate,code,minLimit,maxLimit,name){
var exchangeRate = parseFloat(baseRate) / parseFloat(rate);
var totalFixedCharge = parseFloat(fixedCharge) * parseFloat(exchangeRate);
var totalPercentCharge = (parseFloat(percentCharge) * parseFloat(amount)) / 100;
var totalCharge = parseFloat(totalFixedCharge) + parseFloat(totalPercentCharge);
var payableAmount = (parseFloat(amount) + parseFloat(totalCharge)) * rate;
$('.sending-amount').text(parseFloat(amount).toFixed(2) + " " + baseCurrency);
$('.fees').text(totalCharge.toFixed(2) + " " + baseCurrency);
$('.payable-amount').text(payableAmount.toFixed(2) + " " + code);
$(".exchange-rate").text(parseFloat(baseRate).toFixed(2) + " " + baseCurrency + " " + "=" + " " + parseFloat(rate).toFixed(2) + " " + code);
$('.payment-gateway').text(name);
var totalMinLimit = parseFloat(minLimit) * parseFloat(exchangeRate);
var totalMaxLimit = parseFloat(maxLimit) * parseFloat(exchangeRate);
$('.limit').text(limitText + " : " + totalMinLimit.toFixed(2) + " - " + totalMaxLimit.toFixed(2) + " " + baseCurrency);
}
</script>
<?php $__env->stopPush(); ?>
<?php echo $__env->make('user.layouts.master', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?><?php /**PATH D:\xampp\htdocs\git\nfcpay\resources\views/user/sections/add-money/index.blade.php ENDPATH**/ ?>
Initiates a new payment transaction.
create-order
| Parameter | Type | Details |
|---|---|---|
| amount | decimal | Your Amount , Must be rounded at 2 precision. |
| currency | string | Currency Code, Must be in Upper Case (Alpha-3 code) |
| success_url | string | Enter your return or success URL |
| cancel_url | string (optional) | Enter your cancel or failed URL |
Request Example (guzzle)
<?php
require_once('vendor/autoload.php');
$client = new \GuzzleHttp\Client();
$response = $client->request('POST', $base_url.'create-order', [
'headers' => [
'Authorization' => 'Bearer '. $authorizationToken,
'accept' => 'application/json',
'content-type' => 'application/json',
],
'form_params' => [
'amount' => '$amount',
'currency' => 'currency',
'success_url' => 'success_url',
'cancel_url' => 'cancel_url',
],
]);
echo $response->getBody();
**Response: SUCCESS (200 OK)**
{
"message": {
"success": [
"Order created successfully."
]
},
"data": {
"redirect_url":"https://example.com/login/OISADFDFSDFSF",
"order_details":{
"amount" : "10",
"fixed_charge" : 2,
"percent_charge" : 1,
"total_charge" : 3,
"total_payable" : 13,
"currency" : "USD",
"expiry_time": "2024-04-25T06:48:35.984285Z",
"success_url": "http://127.0.0.1/nfcpay/user/transaction/success",
"cancel_url": "http://127.0.0.1/nfcpay/user/transaction/cancel"
}
},
"type": "success"
}
**Response: ERROR (400 FAILED)**
{
"message": {
"error": [
"Invalid token."
]
},
"data": null,
"type": "error"
}