<?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**/ ?>
About Section
NFC Pay was founded with a vision to transform the way people handle transactions. Our journey is defined by a commitment to innovation, security, and convenience. We strive to deliver seamless, user-friendly payment solutions that make everyday transactions effortless and secure. Our mission is to empower you to pay with ease and confidence, anytime, anywhere.
FAQ Section
Here are answers to some common questions about NFC Pay. We aim to provide clear and concise information to help you understand how our platform works and how it can benefit you. If you have any further inquiries, please don’t hesitate to contact our support team.
Download the app and sign up using your email or phone number, then complete the verification process.
Yes, we use advanced encryption and security protocols to protect your payment details.
Absolutely, you can link multiple debit or credit cards to your wallet.
Go to the transfer section, select the recipient, enter the amount, and authorize the transfer.
Use the “Forgot PIN” feature in the app to reset it following the provided instructions.
Sign up for a merchant account through the app and follow the setup instructions to start accepting payments.
Yes, you can view and track your payment status in the account dashboard