<?php $__env->startPush('css'); ?>
<?php $__env->stopPush(); ?>
<?php $__env->startSection('page-title'); ?>
<?php echo $__env->make('admin.components.page-title',['title' => __($page_title)], \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?>
<?php $__env->stopSection(); ?>
<?php $__env->startSection('breadcrumb'); ?>
<?php echo $__env->make('admin.components.breadcrumb',['breadcrumbs' => [
[
'name' => __("Dashboard"),
'url' => setRoute("admin.dashboard"),
]
], 'active' => __("Dashboard")], \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?>
<?php $__env->stopSection(); ?>
<?php $__env->startSection('content'); ?>
<div class="dashboard-area">
<div class="dashboard-item-area">
<div class="row">
<div class="col-xxxl-4 col-xxl-3 col-xl-3 col-lg-6 col-md-6 col-sm-12 mb-15">
<div class="dashbord-item">
<div class="dashboard-content">
<div class="left">
<h6 class="title"><?php echo e(__("Total Users")); ?></h6>
<div class="user-info">
<h2 class="user-count"><?php echo e(formatNumberInKNotation($data['total_user_count'])); ?></h2>
</div>
<div class="user-badge">
<span class="badge badge--success"><?php echo e(__("Active")); ?> <?php echo e($data['active_user']); ?></span>
<span class="badge badge--warning"><?php echo e(__("Unverified")); ?> <?php echo e($data['unverified_user']); ?></span>
</div>
</div>
<div class="right">
<div class="chart" id="chart6" data-percent="<?php echo e($data['user_percent']); ?>"><span><?php echo e(round($data['user_percent'])); ?>%</span></div>
</div>
</div>
</div>
</div>
<div class="col-xxxl-4 col-xxl-3 col-xl-3 col-lg-6 col-md-6 col-sm-12 mb-15">
<div class="dashbord-item">
<div class="dashboard-content">
<div class="left">
<h6 class="title"><?php echo e(__("Total Support Ticket")); ?></h6>
<div class="user-info">
<h2 class="user-count"><?php echo e(formatNumberInkNotation($data['total_support_ticket_count'])); ?></h2>
</div>
<div class="user-badge">
<span class="badge badge--info"><?php echo e(__("Active")); ?> <?php echo e(formatNumberInkNotation($data['active_ticket'])); ?></span>
<span class="badge badge--warning"><?php echo e(__("Pending")); ?> <?php echo e(formatNumberInkNotation($data['pending_ticket'])); ?></span>
</div>
</div>
<div class="right">
<div class="chart" id="chart7" data-percent="<?php echo e($data['percent_ticket']); ?>"><span><?php echo e($data['percent_ticket']); ?>%</span></div>
</div>
</div>
</div>
</div>
<div class="col-xxxl-4 col-xxl-3 col-xl-3 col-lg-6 col-md-6 col-sm-12 mb-15">
<div class="dashbord-item">
<div class="dashboard-content">
<div class="left">
<h6 class="title"><?php echo e(__("Add Money")); ?></h6>
<div class="user-info">
<h2 class="user-count"><?php echo e(formatNumberInKNotation($data['total_add_money_count'])); ?></h2>
</div>
<div class="user-badge">
<span class="badge badge--info"><?php echo e(__("Success")); ?> <?php echo e(formatNumberInkNotation($data['success_add_money'])); ?></span>
<span class="badge badge--warning"><?php echo e(__("Pending")); ?> <?php echo e(formatNumberInkNotation($data['pending_add_money'])); ?></span>
</div>
</div>
<div class="right">
<div class="chart" id="chart8" data-percent="<?php echo e($data['add_money_percent']); ?>"><span><?php echo e(formatNumberInkNotation($data['add_money_percent'])); ?>%</span></div>
</div>
</div>
</div>
</div>
<div class="col-xxxl-4 col-xxl-3 col-xl-3 col-lg-6 col-md-6 col-sm-12 mb-15">
<div class="dashbord-item">
<div class="dashboard-content">
<div class="left">
<h6 class="title"><?php echo e(__("Transfer Money")); ?></h6>
<div class="user-info">
<h2 class="user-count"><?php echo e(formatNumberInKNotation($data['total_transfer_money_count'])); ?></h2>
</div>
<div class="user-badge">
<span class="badge badge--info"><?php echo e(__("Success")); ?> <?php echo e(formatNumberInkNotation($data['success_transfer_money'])); ?></span>
<span class="badge badge--warning"><?php echo e(__("Pending")); ?> <?php echo e(formatNumberInkNotation($data['pending_transfer_money'])); ?></span>
</div>
</div>
<div class="right">
<div class="chart" id="chart9" data-percent="<?php echo e($data['transfer_money_percent']); ?>"><span><?php echo e(formatNumberInkNotation($data['transfer_money_percent'])); ?>%</span></div>
</div>
</div>
</div>
</div>
<div class="col-xxxl-4 col-xxl-3 col-xl-3 col-lg-6 col-md-6 col-sm-12 mb-15">
<div class="dashbord-item">
<div class="dashboard-content">
<div class="left">
<h6 class="title"><?php echo e(__("Total Card Payments")); ?></h6>
<div class="user-info">
<h2 class="user-count"><?php echo e(formatNumberInKNotation($data['total_card_payments_count'])); ?></h2>
</div>
<div class="user-badge">
<span class="badge badge--warning"><?php echo e(__("Success")); ?> <?php echo e(formatNumberInkNotation($data['success_card_payments'])); ?></span>
<span class="badge badge--success"><?php echo e(__("Pending")); ?> <?php echo e(formatNumberInkNotation($data['pending_card_payments'])); ?></span>
</div>
</div>
<div class="right">
<div class="chart" id="chart10" data-percent="<?php echo e($data['card_payments_percent']); ?>"><span><?php echo e(formatNumberInkNotation($data['card_payments_percent'])); ?>%</span></div>
</div>
</div>
</div>
</div>
<div class="col-xxxl-4 col-xxl-3 col-xl-3 col-lg-6 col-md-6 col-sm-12 mb-15">
<div class="dashbord-item">
<div class="dashboard-content">
<div class="left">
<h6 class="title"><?php echo e(("Payment Gateways")); ?></h6>
<div class="user-info">
<h2 class="user-count"><?php echo e(formatNumberInKNotation($data['total_payment_gateways'])); ?></h2>
</div>
<div class="user-badge">
<span class="badge badge--warning"><?php echo e(__("Automatic")); ?> <?php echo e(formatNumberInkNotation($data['automatic_gateways'])); ?></span>
<span class="badge badge--success"><?php echo e(__("Manual")); ?> <?php echo e(formatNumberInkNotation($data['manual_gateways'])); ?></span>
</div>
</div>
<div class="right">
<div class="chart" id="chart11" data-percent="<?php echo e($data['payment_gateways_percent']); ?>"><span><?php echo e(formatNumberInkNotation($data['payment_gateways_percent'])); ?>%</span></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="chart-area mt-15">
<div class="row mb-15-none">
<div class="col-xxl-6 col-xl-6 col-lg-6 mb-15">
<div class="chart-wrapper">
<div class="chart-area-header">
<h5 class="title"><?php echo e(__("Transaction Analytics")); ?></h5>
</div>
<div class="chart-container">
<div id="chart1" data-chart_one_data="<?php echo e(json_encode($data['chart_one_data'])); ?>" data-month_day="<?php echo e(json_encode($data['month_day'])); ?>" class="order-chart"></div>
</div>
</div>
</div>
<div class="col-xxxl-6 col-xxl-3 col-xl-6 col-lg-6 mb-15">
<div class="chart-wrapper">
<div class="chart-area-header">
<h5 class="title"><?php echo e(__("User Analytics Chart")); ?></h5>
</div>
<div class="chart-container">
<div id="chart4" class="balance-chart" data-user_chart_data="<?php echo e(json_encode($data['user_chart_data'])); ?>"></div>
</div>
<div class="chart-area-footer">
<div class="chart-btn">
<a href="<?php echo e(setRoute('admin.users.index')); ?>" class="btn--base w-100"><?php echo e(__("View User")); ?></a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="table-area mt-15">
<div class="table-wrapper">
<div class="table-header">
<h5 class="title"><?php echo e(__("Latest Payments")); ?></h5>
</div>
<div class="table-responsive">
<?php echo $__env->make('admin.components.data-table.payment-table',[
'data' => $transactions
], \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?>
</div>
</div>
</div>
<?php $__env->stopSection(); ?>
<?php $__env->startPush('script'); ?>
<!-- apexcharts js -->
<script src="<?php echo e(asset('public/backend/js/apexcharts.js')); ?>"></script>
<script>
// apex-chart
var chart1 = $('#chart1');
var chart_one_data = chart1.data('chart_one_data');
var month_day = chart1.data('month_day');
var options = {
series: [{
name: '<?php echo e(__("Pending")); ?>',
color: "#5A5278",
data: chart_one_data.pending_data
}, {
name: '<?php echo e(__("Success")); ?>',
color: "#6F6593",
data: chart_one_data.complete_data
},],
chart: {
type: 'bar',
height: 350,
stacked: true,
toolbar: {
show: false
},
zoom: {
enabled: true
}
},
responsive: [{
breakpoint: 480,
options: {
legend: {
position: 'bottom',
offsetX: -10,
offsetY: 0
}
}
}],
plotOptions: {
bar: {
horizontal: false,
borderRadius: 10
},
},
xaxis: {
type: 'datetime',
categories: month_day,
},
legend: {
position: 'bottom',
offsetX: 40
},
fill: {
opacity: 1
}
};
var chart = new ApexCharts(document.querySelector("#chart1"), options);
chart.render();
var chart4 = $('#chart4');
var user_chart_data = chart4.data('user_chart_data');
var options = {
series: user_chart_data,
chart: {
width: 350,
type: 'pie'
},
colors: ['#5A5278', '#6F6593', '#8075AA', '#A192D9'],
labels: ['<?php echo e(__("Active")); ?>', '<?php echo e(__("Unverified")); ?>', '<?php echo e(__("Banned")); ?>', '<?php echo e(__("ALL")); ?>'],
responsive: [{
breakpoint: 1480,
options: {
chart: {
width: 280
},
legend: {
position: 'bottom'
}
},
breakpoint: 1199,
options: {
chart: {
width: 380
},
legend: {
position: 'bottom'
}
},
breakpoint: 575,
options: {
chart: {
width: 280
},
legend: {
position: 'bottom'
}
}
}],
legend: {
position: 'bottom'
},
};
var chart = new ApexCharts(document.querySelector("#chart4"), options);
chart.render();
// pie-chart
$(function() {
$('#chart6').easyPieChart({
size: 80,
barColor: '#f05050',
scaleColor: false,
lineWidth: 5,
trackColor: '#f050505a',
lineCap: 'circle',
animate: 3000
});
});
$(function() {
$('#chart7').easyPieChart({
size: 80,
barColor: '#10c469',
scaleColor: false,
lineWidth: 5,
trackColor: '#10c4695a',
lineCap: 'circle',
animate: 3000
});
});
$(function() {
$('#chart8').easyPieChart({
size: 80,
barColor: '#ffbd4a',
scaleColor: false,
lineWidth: 5,
trackColor: '#ffbd4a5a',
lineCap: 'circle',
animate: 3000
});
});
$(function() {
$('#chart9').easyPieChart({
size: 80,
barColor: '#ff8acc',
scaleColor: false,
lineWidth: 5,
trackColor: '#ff8acc5a',
lineCap: 'circle',
animate: 3000
});
});
$(function() {
$('#chart10').easyPieChart({
size: 80,
barColor: '#7367f0',
scaleColor: false,
lineWidth: 5,
trackColor: '#7367f05a',
lineCap: 'circle',
animate: 3000
});
});
$(function() {
$('#chart11').easyPieChart({
size: 80,
barColor: '#1e9ff2',
scaleColor: false,
lineWidth: 5,
trackColor: '#1e9ff25a',
lineCap: 'circle',
animate: 3000
});
});
</script>
<?php $__env->stopPush(); ?>
<?php echo $__env->make('admin.layouts.master', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?><?php /**PATH D:\xampp\htdocs\git\nfcpay\resources\views/admin/sections/dashboard/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"
}