%PDF-
%PDF-
Mini Shell
Mini Shell
<script src="https:cdnjs.cloudflare.com/ajax/libs/Chart.js/2.9.3/Chart.min.js"></script>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
<div class="content-wrapper">
<section class="content-header">
<h1>Dashboard</h1>
</section>
<section class="content">
<div class="row">
<form method="post" action="<?=base_url()?>salesoverview/salesoverviewsearch">
<input name="date1" type="date" placeholder="date1" value="<?=$date1?>">
<input name="date2" type="date" placeholder="date2" value="<?=$date2?>">
<button class="" type="submit" value="submit">SEARCH</button>
</form>
</div>
<div class="row">
cfdgsss
<div class="col-lg-3 col-xs-6">
<div class="small-box bg-yellow">
<div class="inner">
<h3><?=$details;?></h3>
<p>Package Enquiries</p>
</div>
<div class="icon">
<i class="ion ion-person-add"></i>
</div>
<a href="<?=base_url();?>emp/" class="small-box-footer">More info <i class="fa fa-arrow-circle-right"></i></a>
</div>
</div>
<div class="col-lg-3 col-xs-6">
<div class="small-box bg-green">
<div class="inner">
<h3><?=$hot_leads;?></h3>
<p>Hot Leads</p>
</div>
<div class="icon">
<i class="fa fa-tag"></i>
</div>
<a href="<?=base_url();?>user" class="small-box-footer">More info <i class="fa fa-arrow-circle-right"></i></a>
</div>
</div>
<div class="col-lg-3 col-xs-6">
<div class="small-box bg-blue">
<div class="inner">
<h3><?=$warm_leads;?></h3>
<p>Warm Leads</p>
</div>
<div class="icon">
<i class="fa fa-shopping-cart"></i>
</div>
<a href="<?=base_url();?>followup" class="small-box-footer">More info <i class="fa fa-arrow-circle-right"></i></a>
</div>
</div>
<div class="col-lg-3 col-xs-6">
<div class="small-box bg-purple">
<div class="inner">
<h3><?=$sold;?></h3>
<p>Sold</p>
</div>
<div class="icon">
<i class="fa fa-shopping-cart"></i>
</div>
<a href="<?=base_url();?>followup" class="small-box-footer">More info <i class="fa fa-arrow-circle-right"></i></a>
</div>
</div>
</div>
<div class="row">
<div class="col-md-6">
<canvas id="myChart"></canvas>
</div>
<div class="col-md-6">
<canvas id="soldChart"></canvas>
</div>
</div>
<br><br>
<div class="row">
<div class="col-md-4">
<p>Total Leads Generated by Each Branch</p>
<table id="example1" class="table table-bordered table-striped">
<thead>
<tr>
<th class="text-center bg-yellow">Name</th>
<th class="text-center bg-yellow">Leads Generated</th>
</tr>
</thead>
<tbody>
<?php $i=1;
foreach ($totalno as $value) { ?>
<tr>
<td class="text-center"><?=$value['branch_name'];?></td>
<td class="text-center"><?=$value['total'];?></td>
</tr>
<?php } ?>
</tbody>
</table>
</div>
<div class="col-md-4">
<p>Total Sold by Each Branch</p>
<table id="example1" class="table table-bordered table-striped">
<thead>
<tr>
<th class="text-center bg-blue">Name</th>
<th class="text-center bg-blue">Leads Closed</th>
</tr>
</thead>
<tbody>
<?php $i=1;
foreach ($closedtotalno as $value) { ?>
<tr>
<td class="text-center"><?=$value['branch_name'];?></td>
<td class="text-center"><?=$value['total'];?></td>
</tr>
<?php } ?>
</tbody>
</table>
</div>
<div class="col-md-4">
<p>Most Leads Generated</p>
<table id="example1" class="table table-bordered table-striped">
<thead>
<tr>
<th class="text-center bg-purple">Enquiry Source</th>
<th class="text-center bg-purple">Leads Generated</th>
</tr>
</thead>
<tbody>
<?php $i=1;
foreach ($enquirytotal as $value) { ?>
<tr>
<td class="text-center"><?=$value['source'];?></td>
<td class="text-center"><?=$value['total'];?></td>
</tr>
<?php } ?>
</tbody>
</table>
</div>
</div>
<br>
<br>
<script type="text/javascript">
var paramNombres = [];
var paramEdades = [];
$.post("<?php echo base_url().'salesoverview/totalnobranch/'.$date1.'/'.$date2 ?>",
function(data){
var obj = JSON.parse(data);
paramNombres = [];
paramEdades = [];
$.each(obj, function(i,item){
paramNombres.push(item.branch_name);
paramEdades.push(item.total);
});
var ctx = $("#myChart");
var myChart = new Chart(ctx, {
type: 'bar',
data: {
labels: paramNombres,
datasets: [
{
label: "Leads Generated",
fill: true,
lineTension: 0.1,
backgroundColor: ["#3e95cd", "#8e5ea2","#3cba9f","#e8c3b9","#c45850"],
borderColor: "rgba(75,192,192,1)",
borderCapStyle: 'butt',
borderDash: [],
borderDashOffset: 0.0,
borderJoinStyle: 'miter',
pointBorderColor: "rgba(75,192,192,1)",
pointBackgroundColor: "#fff",
pointBorderWidth: 10,
pointHoverRadius: 5,
pointHoverBackgroundColor: "rgba(75,192,192,1)",
pointHoverBorderColor: "rgba(220,220,220,1)",
pointHoverBorderWidth: 5,
pointRadius: 1,
pointHitRadius: 10,
data: paramEdades,
spanGaps: false,
}
]
},
options: {
scales: {
yAxes: [{
ticks: {
beginAtZero:true
}
}]
}
}
});
});
</script>
<script type="text/javascript">
var paramNombres = [];
var paramEdades = [];
$.post("<?php echo base_url().'salesoverview/totalnobranchsold/'.$date1.'/'.$date2 ?>",
function(data){
var obj = JSON.parse(data);
paramNombres = [];
paramEdades = [];
$.each(obj, function(i,item){
paramNombres.push(item.branch_name);
paramEdades.push(item.total);
});
var ctx = $("#soldChart");
var myChart = new Chart(ctx, {
type: 'bar',
data: {
labels: paramNombres,
datasets: [
{
label: "Leads Sold",
fill: true,
lineTension: 0.1,
backgroundColor: ["#3e95cd", "#8e5ea2","#3cba9f","#e8c3b9","#c45850"],
borderColor: "rgba(75,192,192,1)",
borderCapStyle: 'butt',
borderDash: [],
borderDashOffset: 0.0,
borderJoinStyle: 'miter',
pointBorderColor: "rgba(75,192,192,1)",
pointBackgroundColor: "#fff",
pointBorderWidth: 10,
pointHoverRadius: 5,
pointHoverBackgroundColor: "rgba(75,192,192,1)",
pointHoverBorderColor: "rgba(220,220,220,1)",
pointHoverBorderWidth: 5,
pointRadius: 1,
pointHitRadius: 10,
data: paramEdades,
spanGaps: false,
}
]
},
options: {
scales: {
yAxes: [{
ticks: {
beginAtZero:true
}
}]
}
}
});
});
</script>
<script type="text/javascript">
var paramNombres = [];
var paramEdades = [];
$.post("<?php echo base_url();?>chart/enquirytotal",
function(data){
var obj = JSON.parse(data);
//console.log(data);
paramNombres = [];
paramEdades = [];
$.each(obj, function(i,item){
paramNombres.push(item.source);
paramEdades.push(item.total);
});
var ctx = $("#pie");
var myChart = new Chart(ctx, {
type: 'doughnut',
data: {
labels: paramNombres,
datasets: [
{
label: "Leads Generated",
fill: true,
lineTension: 0.1,
backgroundColor: ["#3e95cd", "#8e5ea2","#3cba9f","#e8c3b9","#c45850"],
borderCapStyle: 'butt',
borderDash: [],
borderDashOffset: 0.0,
borderJoinStyle: 'miter',
pointBorderColor: "rgba(75,192,192,1)",
pointBackgroundColor: "#fff",
pointBorderWidth: 10,
pointHoverRadius: 5,
pointHoverBackgroundColor: "rgba(75,192,192,1)",
pointHoverBorderColor: "rgba(220,220,220,1)",
pointHoverBorderWidth: 5,
pointRadius: 1,
pointHitRadius: 10,
data: paramEdades,
spanGaps: false,
}
]
},
options: {
title: {
display: true,
text: 'Most Leads Generated Source'
}
}
});
});
</script>
<script type="text/javascript">
var paramNombres = [];
var paramEdades = [];
$.post("<?php echo base_url();?>chart/leadsstatus",
function(data){
var obj = JSON.parse(data);
//console.log(data);
paramNombres = [];
paramEdades = [];
$.each(obj, function(i,item){
paramNombres.push(item.Lead_type);
paramEdades.push(item.total);
});
var ctx = $("#leadspie");
var myChart = new Chart(ctx, {
type: 'pie',
data: {
labels: paramNombres,
datasets: [
{
label: "Leads Matrix",
fill: true,
lineTension: 0.1,
backgroundColor: ["#003f5c","#58508d","#bc5090","#ff6361","#ffa600"],
borderCapStyle: 'butt',
borderDash: [],
borderDashOffset: 0.0,
borderJoinStyle: 'miter',
pointBorderColor: "rgba(75,192,192,1)",
pointBackgroundColor: "#fff",
pointBorderWidth: 10,
pointHoverRadius: 5,
pointHoverBackgroundColor: "rgba(75,192,192,1)",
pointHoverBorderColor: "rgba(220,220,220,1)",
pointHoverBorderWidth: 5,
pointRadius: 1,
pointHitRadius: 10,
data: paramEdades,
spanGaps: false,
}
]
},
options: {
title: {
display: true,
text: 'Leads Matrix'
}
}
});
});
</script>
</section>
</div>
Zerion Mini Shell 1.0