Developer
@extends('user.layouts.master')
@push('css')
@endpush
@section('breadcrumb')
@include('user.components.breadcrumb',['breadcrumbs' => [
[
'name' => __("Dashboard"),
'url' => setRoute("user.dashboard"),
]
], 'active' => __($page_title)])
@endsection
@section('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">{{ __($page_title) }}</h4>
</div>
<div class="card-body">
<form class="card-form" action="{{ setRoute('user.transfer.money.confirm') }}" method="POST">
@csrf
<div class="row">
<div class="col-xl-12 col-lg-12 form-group currency-input">
<label>{{ __("Transfer Amount") }}<span>*</span></label>
<input type="text" class="form--control number-input amount" name="amount" placeholder="{{ __("Enter Amount") }}...">
<div class="my-currency">
<span>{{ get_default_currency_code() }}</span>
</div>
</div>
<div class="col-xl-12 col-lg-12 form-group">
<div class="note-area">
<code class="d-block">{{ __("Limit") }} : {{ get_amount(@$transaction_settings->min_limit) }} - {{ get_amount(@$transaction_settings->max_limit) }} {{ get_default_currency_code() }}</code>
</div>
</div>
<div class="col-xl-12 form-group">
<label>{{ __("Receiver") }}<span>*</span></label>
<input type="text" class="form--control email" name="email" placeholder="{{ __("Email Address") }}...">
<label class="exist text-start"></label>
</div>
<div class="col-xl-12 col-lg-12 form-group">
<label>{{ __("Remarks") }} <span>({{ __("Optional") }})</span></label>
<textarea class="form--control" name="remark" placeholder="{{ __("Explain Request Purposes Here") }}…"></textarea>
</div>
</div>
<div class="col-xl-12 col-lg-12">
<button type="submit" class="btn--base w-100 confirm">{{ __("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">{{ __("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>{{ __("Sending 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-battery-half"></i>
</div>
<div class="preview-list-user-content">
<span>{{ __("Total Fees & Charges") }}</span>
</div>
</div>
</div>
<div class="preview-list-right">
<span class="text--warning total-charge"></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="lab la-get-pocket"></i>
</div>
<div class="preview-list-user-content">
<span>{{ __("Will Get Amount") }}</span>
</div>
</div>
</div>
<div class="preview-list-right">
<span class="text--danger will-get-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-money-check-alt"></i>
</div>
<div class="preview-list-user-content">
<span class="last">{{ __("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">{{ __("Latest Transactions") }}</h4>
<div class="dashboard-btn-wrapper">
<div class="dashboard-btn">
<a href="{{ setRoute('user.transaction.log.transfer.money') }}" class="btn--base">{{ __("View More") }}</a>
</div>
</div>
</div>
</div>
<div class="dashboard-list-wrapper">
@include('user.components.transaction.index',[
'data' => $transactions
])
</div>
</div>
@endsection
@push('script')
<script>
document.querySelector('.number-input').addEventListener('input', function (e) {
let value = e.target.value;
if (!/^\d*\.?\d{0,2}$/.test(value)) {
e.target.value = value.slice(0, -1);
}
});
var fixedCharge = "{{ $transaction_settings->fixed_charge }}";
var percentCharge = "{{ $transaction_settings->percent_charge }}";
var currency = "{{ get_default_currency_code() }}";
$(".email").keyup(function(){
var email = $(this).val();
var checkEmailURL = "{{ setRoute('user.check.valid.email') }}";
if(email == '' || email == null){
$('.exist').html('');
}
$.post(checkEmailURL,{email:email,_token:"{{ csrf_token() }}"},function(response){
if(response.own){
if($('.exist').hasClass('text--success')){
$('.exist').removeClass('text--success');
}
$('.exist').addClass('text--danger').text(response.own);
$('.confirm').attr('disabled',true)
return false
}
if(response['data'] != null){
if($('.exist').hasClass('text--danger')){
$('.exist').removeClass('text--danger');
}
$('.exist').text(`Valid user for transaction.`).addClass('text--success');
$('.confirm').attr('disabled',false)
} else {
if($('.exist').hasClass('text--success')){
$('.exist').removeClass('text--success');
}
$('.exist').text('User doesn\'t exists.').addClass('text--danger');
$('.confirm').attr('disabled',true)
return false
}
});
});
$(".amount").keyup(function(){
var amount = $(this).val();
if(amount == '' || amount == null){
$('.sending-amount').text("");
$('.total-charge').text("");
$('.will-get-amount').text("");
$('.payable-amount').text("");
}else{
feesAndChargeCalculation(amount);
}
});
// fees and charge calculation
function feesAndChargeCalculation(amount){
var totalPercentCharge = (amount * percentCharge) / 100;
var totalCharge = parseFloat(fixedCharge) + parseFloat(totalPercentCharge);
var payableAmount = parseFloat(amount) + parseFloat(totalCharge);
$('.sending-amount').text(parseFloat(amount).toFixed(2) + " " + currency);
$('.total-charge').text(parseFloat(totalCharge).toFixed(2) + " " + currency);
$('.will-get-amount').text(parseFloat(amount).toFixed(2) + " " + currency);
$('.payable-amount').text(parseFloat(payableAmount).toFixed(2) + " " + currency);
}
</script>
@endpush
Developer
Welcome to the Kueue Pay Payment Gateway Solutions Developer API Documentation. This comprehensive guide will empower you to seamlessly integrate our advanced payment gateway into your website, enhancing your customers’ payment experience and enabling efficient transaction processing. The Kueue Pay Developer API is designed for developers and entrepreneurs who seek simplicity, security, and reliability in their payment processing solutions.
The Kueue Pay Developer API allows you to seamlessly integrate Kueue Pay’s Payment Gateway Solutions into your website, enabling secure and efficient debit and credit card transactions. With our API, you can initiate payments, check payment statuses, and even process refunds, all while ensuring a smooth and streamlined payment experience for your customers.