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
Checks the status of a payment.
**Response: SUCCESS (200 OK)**
{
"message": {
"success": [
"Success"
]
},
"data": {
"token": "2zMRmT3KeYT2BWMAyGhqEfuw4tOYOfGXKeyKqehZ8mF1E35hMwE69gPpyo3e",
"trx_id": "CP44657864",
"payer": {
"username": "testuser",
"email": "user@appdevs.net"
}
"status": "Test",
},
"type": "success"
}