%PDF-
%PDF-
Mini Shell
Mini Shell
<?php $__env->startSection('title', $siteTitle); ?>
<?php $__env->startPush('styles'); ?>
<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.css" />
<style>
@media only screen and (max-width: 768px){
tr.row-column td{
width: 50% !important;
margin-right: 0 !important;
}
}
@media only screen and (max-width: 768px){
tr.row-column td{
width: 100% !important;
margin-right: 0 !important;
}
}
tr.row-column{
display: grid;
grid-template-columns: auto auto auto auto;
grid-column-gap: 20px;
grid-row-gap: 20px;
}
table td:first-child {
padding-left: 0 !important;
}
table td:last-child {
padding-right: 0 !important;
}
</style>
<?php $__env->stopPush(); ?>
<?php $__env->startSection('content'); ?>
<div class="row">
<div class="col-12">
<div class="card mt-3">
<div class="card-header">
<h6 class="card-title">Welcome <?php echo e(Auth::user()->name); ?></h6>
</div>
</div>
</div>
</div>
<div class="card mt-3">
<div class="card-body">
<form action="<?php echo e(route('super.dashboard.filter')); ?>" method="GET">
<div class="row">
<div class="col-md-4">
<?php if (isset($component)) { $__componentOriginalc254754b9d5db91d5165876f9d051922ca0066f4 = $component; } ?>
<?php $component = Illuminate\View\AnonymousComponent::resolve(['view' => 'components.form.selectbox','data' => ['name' => 'agent','divClass' => 'mb-0']] + (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag ? (array) $attributes->getIterator() : [])); ?>
<?php $component->withName('form.selectbox'); ?>
<?php if ($component->shouldRender()): ?>
<?php $__env->startComponent($component->resolveView(), $component->data()); ?>
<?php if (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag && $constructor = (new ReflectionClass(Illuminate\View\AnonymousComponent::class))->getConstructor()): ?>
<?php $attributes = $attributes->except(collect($constructor->getParameters())->map->getName()->all()); ?>
<?php endif; ?>
<?php $component->withAttributes(['name' => 'agent','divClass' => 'mb-0']); ?>
<option value="">-- Select Agent --</option>
<?php $__empty_1 = true; $__currentLoopData = $agents; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $agent): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); $__empty_1 = false; ?>
<option value="<?php echo e($agent->id); ?>"><?php echo e($agent->name); ?></option>
<?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); if ($__empty_1): ?>
<?php endif; ?>
<?php echo $__env->renderComponent(); ?>
<?php endif; ?>
<?php if (isset($__componentOriginalc254754b9d5db91d5165876f9d051922ca0066f4)): ?>
<?php $component = $__componentOriginalc254754b9d5db91d5165876f9d051922ca0066f4; ?>
<?php unset($__componentOriginalc254754b9d5db91d5165876f9d051922ca0066f4); ?>
<?php endif; ?>
</div>
<div class="col-md-4">
<?php if (isset($component)) { $__componentOriginalc254754b9d5db91d5165876f9d051922ca0066f4 = $component; } ?>
<?php $component = Illuminate\View\AnonymousComponent::resolve(['view' => 'components.form.selectbox','data' => ['name' => 'status','onchange' => 'selectStatus(this.value)','divClass' => 'mb-0']] + (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag ? (array) $attributes->getIterator() : [])); ?>
<?php $component->withName('form.selectbox'); ?>
<?php if ($component->shouldRender()): ?>
<?php $__env->startComponent($component->resolveView(), $component->data()); ?>
<?php if (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag && $constructor = (new ReflectionClass(Illuminate\View\AnonymousComponent::class))->getConstructor()): ?>
<?php $attributes = $attributes->except(collect($constructor->getParameters())->map->getName()->all()); ?>
<?php endif; ?>
<?php $component->withAttributes(['name' => 'status','onchange' => 'selectStatus(this.value)','divClass' => 'mb-0']); ?>
<option value="">-- Select Status --</option>
<?php $__empty_1 = true; $__currentLoopData = $statuses; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $status): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); $__empty_1 = false; ?>
<option value="<?php echo e($status->id); ?>"><?php echo e($status->name); ?></option>
<?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); if ($__empty_1): ?>
<?php endif; ?>
<?php echo $__env->renderComponent(); ?>
<?php endif; ?>
<?php if (isset($__componentOriginalc254754b9d5db91d5165876f9d051922ca0066f4)): ?>
<?php $component = $__componentOriginalc254754b9d5db91d5165876f9d051922ca0066f4; ?>
<?php unset($__componentOriginalc254754b9d5db91d5165876f9d051922ca0066f4); ?>
<?php endif; ?>
</div>
<div class="col-md-4">
<?php if (isset($component)) { $__componentOriginalc254754b9d5db91d5165876f9d051922ca0066f4 = $component; } ?>
<?php $component = Illuminate\View\AnonymousComponent::resolve(['view' => 'components.form.selectbox','data' => ['name' => 'sub_status','divClass' => 'mb-0']] + (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag ? (array) $attributes->getIterator() : [])); ?>
<?php $component->withName('form.selectbox'); ?>
<?php if ($component->shouldRender()): ?>
<?php $__env->startComponent($component->resolveView(), $component->data()); ?>
<?php if (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag && $constructor = (new ReflectionClass(Illuminate\View\AnonymousComponent::class))->getConstructor()): ?>
<?php $attributes = $attributes->except(collect($constructor->getParameters())->map->getName()->all()); ?>
<?php endif; ?>
<?php $component->withAttributes(['name' => 'sub_status','divClass' => 'mb-0']); ?>
<option value="">-- Select Sub Status --</option>
<?php echo $__env->renderComponent(); ?>
<?php endif; ?>
<?php if (isset($__componentOriginalc254754b9d5db91d5165876f9d051922ca0066f4)): ?>
<?php $component = $__componentOriginalc254754b9d5db91d5165876f9d051922ca0066f4; ?>
<?php unset($__componentOriginalc254754b9d5db91d5165876f9d051922ca0066f4); ?>
<?php endif; ?>
</div>
</div>
<div class="row mt-2">
<div class="col-md-4">
<?php if (isset($component)) { $__componentOriginalc254754b9d5db91d5165876f9d051922ca0066f4 = $component; } ?>
<?php $component = Illuminate\View\AnonymousComponent::resolve(['view' => 'components.form.selectbox','data' => ['name' => 'potential','divClass' => 'mb-0']] + (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag ? (array) $attributes->getIterator() : [])); ?>
<?php $component->withName('form.selectbox'); ?>
<?php if ($component->shouldRender()): ?>
<?php $__env->startComponent($component->resolveView(), $component->data()); ?>
<?php if (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag && $constructor = (new ReflectionClass(Illuminate\View\AnonymousComponent::class))->getConstructor()): ?>
<?php $attributes = $attributes->except(collect($constructor->getParameters())->map->getName()->all()); ?>
<?php endif; ?>
<?php $component->withAttributes(['name' => 'potential','divClass' => 'mb-0']); ?>
<option value="">-- Select Potential --</option>
<?php $__currentLoopData = POTENTIAL; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $key=>$value): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
<option value="<?php echo e($key); ?>"><?php echo e($value); ?></option>
<?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
<?php echo $__env->renderComponent(); ?>
<?php endif; ?>
<?php if (isset($__componentOriginalc254754b9d5db91d5165876f9d051922ca0066f4)): ?>
<?php $component = $__componentOriginalc254754b9d5db91d5165876f9d051922ca0066f4; ?>
<?php unset($__componentOriginalc254754b9d5db91d5165876f9d051922ca0066f4); ?>
<?php endif; ?>
</div>
<div class="col-md-4">
<input type="text" id="date_range" autocomplete="off" class="form-control" placeholder="YY/MM/DD">
<input type="hidden" name="start_date">
<input type="hidden" name="end_date">
</div>
<div class="col-md-4 text-left">
<button type="submit" class="btn btn-primary"><i class="fas fa-search"></i></button>
</div>
</div>
</form>
</div>
</div>
<div class="print-area-content mt-3">
<table class="w-100">
<tr class="row-column">
<td>
<div class="card">
<div class="card-body text-info border-bottom border-info border-w-5">
<h2 class="text-center"><?php echo e($totalCalling); ?></h2>
<h6 class="text-center">Total Calling</h6>
</div>
</div>
</td>
<td>
<div class="card">
<div class="card-body text-success border-bottom border-success border-w-5">
<h2 class="text-center"><?php echo e($openStatus); ?></h2>
<h6 class="text-center">Open Call</h6>
</div>
</div>
</td>
<td>
<div class="card">
<div class="card-body text-danger border-bottom border-danger border-w-5">
<h2 class="text-center"><?php echo e($closedStatus); ?></h2>
<h6 class="text-center">Closed Call</h6>
</div>
</div>
</td>
<td>
<div class="card">
<div class="card-body text-primary border-bottom border-primary border-w-5">
<h2 class="text-center"><?php echo e($potentialCall); ?></h2>
<h6 class="text-center">Potential Call</h6>
</div>
</div>
</td>
<td>
<div class="card">
<div class="card-body text-danger border-bottom border-danger border-w-5">
<h2 class="text-center"><?php echo e($inProgress); ?></h2>
<h6 class="text-center">In Progress</h6>
</div>
</div>
</td>
<td>
<div class="card">
<div class="card-body text-dark border-bottom border-dark border-w-5">
<h2 class="text-center"><?php echo e($followUp); ?></h2>
<h6 class="text-center">Follow UP</h6>
</div>
</div>
</td>
<td>
<div class="card">
<div class="card-body text-warning border-bottom border-warning border-w-5">
<h2 class="text-center"><?php echo e($interested); ?></h2>
<h6 class="text-center">Interested</h6>
</div>
</div>
</td>
<td>
<div class="card">
<div class="card-body text-secondary border-bottom border-secondary border-w-5">
<h2 class="text-center"><?php echo e($callNoReply); ?></h2>
<h6 class="text-center">Called No Reply</h6>
</div>
</div>
</td>
</tr>
</table>
</div>
<?php $__env->stopSection(); ?>
<?php $__env->startPush('scripts'); ?>
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.min.js"></script>
<script src="<?php echo e(asset('assets/js/jquery.printarea.js')); ?>"></script>
<script>
/* user chart */
var optionsBar = {
chart: {
height: 310,
type: 'bar',
toolbar: {
show: false,
},
fontFamily: 'Nunito, sans-serif',
},
colors: ["#036fe7", '#f7a556'],
plotOptions: {
bar: {
dataLabels: {
enabled: false
},
columnWidth: '40%',
endingShape: 'rounded',
}
},
dataLabels: {
enabled: false
},
stroke: {
show: true,
width: 2,
endingShape: 'rounded',
colors: ['transparent'],
},
responsive: [{
breakpoint: 576,
options: {
stroke: {
show: true,
width: 1,
endingShape: 'rounded',
colors: ['transparent'],
},
},
}],
series: [{name: 'Net Profit'}],
noData: {
text: '<img src="<?php echo e(asset("uploads/images/table-loading.svg")); ?>" />'
},
xaxis: {
categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov','Dec'],
},
fill: {
opacity: 1
},
legend: {
show: false,
floating: true,
position: 'top',
horizontalAlign: 'left',
},
tooltip: {
y: {
formatter: function (val) {
return val
}
}
}
}
var userChartBar = new ApexCharts(
document.querySelector('#bar'), optionsBar
);
userChartBar.render();
// user chart bar request
$.ajax({
url: "<?php echo e(route('super.dashboard.chart-bar')); ?>",
type: 'POST',
data: {_token:_token},
dataType: 'json',
async: true,
cache: false,
success: function (data) {
userChartBar.updateSeries([{
name: 'Monthly Data',
data: data.monthly_data
},
{
name: 'Monthly Commitment',
data: data.monthly_commit
}]);
}
});
function selectStatus(status){
$.ajax({
type: "POST",
url: "<?php echo e(route(routeName().'.callings.status.get-data')); ?>",
data: {_token:_token,status:status},
dataType: "JSON",
success: function (response) {
$('select[name="sub_status"]').html('');
if (response) {
$('select[name="sub_status"]').html(response);
}
}
});
}
// date range init
$('input#date_range').daterangepicker({
opens: 'right',
autoUpdateInput: false,
locale: {
cancelLabel: 'Clear'
},
ranges: {
'Today' : [moment(), moment()],
'Last 7 Days' : [moment().subtract(6, 'days'), moment()],
'Last 30 Days': [moment().subtract(29, 'days'), moment()],
'This Month' : [moment().startOf('month'), moment().endOf('month')],
'Last Month' : [moment().subtract(1, 'month').startOf('month'), moment().subtract(1, 'month').endOf('month')],
}
}, function(start, end, label) {
$('input[name="start_date"]').val(start.format('YYYY-MM-DD'));
$('input[name="end_date"]').val(end.format('YYYY-MM-DD'));
});
$('input#date_range').on('apply.daterangepicker', function(ev, picker) {
$(this).val(picker.startDate.format('YYYY-MM-DD') + ' - ' + picker.endDate.format('YYYY-MM-DD'));
});
$('input#date_range').on('cancel.daterangepicker', function(ev, picker) {
$(this).val('');
});
// print area
$(document).on('click','button.printarea',function(){
var mode = 'iframe'; //popup
var close = mode = 'popup';
var options = {
mode : mode,
popClose: close
}
$('.print-area-content').printArea(options);
});
</script>
<?php $__env->stopPush(); ?>
<?php echo $__env->make('layouts.backend', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?><?php /**PATH C:\laragon\www\DSR\dsr-calling-management\resources\views/backend/super-admin/dashboard/dashboard.blade.php ENDPATH**/ ?>
Zerion Mini Shell 1.0