Developer
<?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 /home/kueuepay/public_html/resources/views/admin/sections/dashboard/index.blade.php ENDPATH**/ ?>
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.