IMMREX7
@extends('schools.school_layout')
@section('content')
<style>
.card .body {
padding: 15px;
}
.card .header{
padding-bottom: 0px !important;
}
.nav-tabs>.nav-item>.nav-link{
padding: 1px 23px !important;
}
</style>
<div class="body">
<button class="btn btn-raised btn-warning btn-round waves-effect" type="button" data-toggle="collapse" data-target="#collapseExample" aria-expanded="false" aria-controls="collapseExample">Advance Search</button>
<div class="collapse" id="collapseExample">
<div class="well">
<div class="row clearfix">
<div class="card">
<div class="header">
<h2><strong>Filter</strong></h2>
</div>
<div class="body">
<div class="clearfix col-sm-6">
<form method="GET" class="row">
<div class="input-group col-sm-6">
<select class="form-control show-tick ms" onchange="this.form.submit()" name="idFinancialYear">
@php $fy = DB::table('financial_years')->where('idSchool', auth()->guard('school')->user()->idSchool)->get();@endphp
<option value="">Select a financial year</option>
@foreach($fy as $var)
<option value="{{ $var->idFinancialYear }}" @if(isset($_GET['idFinancialYear']))
@if($_GET['idFinancialYear'] == $var->idFinancialYear) selected @endif @endif>
{{ $var->financialYearName }}</option>
@endforeach
</select>
</div>
<div class="input-group col-sm-6">
<select class="form-control show-tick ms" onchange="this.form.submit()" name="month">
@php $month = DB::table('months')->get();@endphp
<option value="">Select a month</option>
@foreach($month as $var)
<option value="{{ $var->idMonth }}" @if(isset($_GET['month'])) @if($_GET['month'] == $var->idMonth)
selected @endif @endif>{{ $var->monthName }}</option>
@endforeach
</select>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row clearfix">
<div class="col-lg-12">
<div class="card">
<div class="header">
<h2><strong>P&L</strong> Overview</h2>
</div>
<div class="body">
<div class="row text-center">
<div class="col-sm-3 col-6">
<h4 class="margin-0">₹{{ $data['poTotal'] }} <i class="zmdi zmdi-trending-up col-green"></i> </h4>
<p class="text-muted"> Total Purchase</p>
</div>
<div class="col-sm-3 col-6">
<h4 class="margin-0">₹{{ $data['tsales'] }}<i class="zmdi zmdi-trending-down col-green"></i> </h4>
<p class="text-muted">Total Sales</p>
</div>
<div class="col-sm-3 col-6">
<h4 class="margin-0">₹{{ $data['total_pending'] }} <i class="zmdi zmdi-trending-up col-green"></i></h4>
<p class="text-muted">Pending Due</p>
</div>
<div class="col-sm-3 col-6">
<h4 class="margin-0">₹{{ $data['total_payments'] }} <i class="zmdi zmdi-trending-up col-green"></i></h4>
<p class="text-muted">Paid Amount</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row clearfix">
<div class="col-lg-3 col-md-6 col-sm-12">
<div class="card info-box-2 l-seagreen">
<div class="body">
<div class="icon col-12 m-t-10">
<div class="chart chart-bar">6,4,8,6,8,10,5,6,7,9,5</div>
</div>
<div class="content col-12">
<div class="text" style="color: black;">TOTAL INVOICE</div>
<div class="number" style="color: black;">{{ $data['tinv'] }}</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 col-sm-12">
<div class="card info-box-2 l-parpl">
<div class="body">
<div class="icon col-12 m-t-10">
<div class="chart chart-bar">6,4,8,6,8,10,5,6,7,9,5</div>
</div>
<div class="content col-12">
<div class="text" style="color: black;">TOTAL P.O</div>
<div class="number" style="color: black;">{{ $data['tpo'] }}</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 col-sm-12">
<div class="card info-box-2 l-blue">
<div class="body">
<div class="icon col-12 m-t-5">
<div class="chart chart-bar">6,4,8,6,8,10,5,6,7,9,5</div>
</div>
<div class="content col-12">
<div class="text" style="color: black;">TOTAL SALES</div>
<div class="number" style="color: black;">₹{{ $data['tsales'] }}</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 col-sm-12">
<div class="card info-box-2 l-coral">
<div class="body">
<div class="icon col-12 m-t-10">
<div class="chart chart-bar">4,6,-3,-1,2,-2,4,3,6,7,-2,3</div>
</div>
<div class="content col-12">
<div class="text" style="color: black;">P.O Amount</div>
<div class="number" style="color: black;">₹{{ $data['poTotal'] }}</div>
</div>
</div>
</div>
</div>
</div>
<div class="row clearfix">
<div class="col-lg-12">
<div class="card">
<div class="header">
<h2><strong>Sales</strong> Overview</h2>
</div>
<div class="body">
<div class="row text-center">
<div class="col-sm-3 col-6">
<h4 class="margin-0">₹{{ $data['today_sales'] }} <i class="zmdi zmdi-trending-up col-green"></i> </h4>
<p class="text-muted"> Today's Sales</p>
</div>
<div class="col-sm-3 col-6">
<h4 class="margin-0">₹{{ $data['week_sales'] }} <i class="zmdi zmdi-trending-down col-green"></i> </h4>
<p class="text-muted">This Week's Sales</p>
</div>
<div class="col-sm-3 col-6">
<h4 class="margin-0">₹{{ $data['month_sales'] }} <i class="zmdi zmdi-trending-up col-green"></i></h4>
<p class="text-muted">This Month's Sales</p>
</div>
<div class="col-sm-3 col-6">
<h4 class="margin-0">₹{{ $data['tsales'] }} <i class="zmdi zmdi-trending-up col-green"></i></h4>
<p class="text-muted">This Year's Sales</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row clearfix">
<div class="col-lg-7 col-md-12">
<div class="card">
<div class="header">
<h2><strong>Sales & Purchase</strong></h2>
</div>
<div class="body product-report">
<div class="row clearfix">
<div class="col-lg-4 col-md-4 col-sm-4">
<div class="icon xl-slategray m-b-20"><i class="zmdi zmdi-chart-donut"></i></div>
<div class="col-in">
<small class="text-muted m-t-0">Total Sales</small>
<h3 class="counter m-b-0">₹{{ $data['tsales'] }}</h3>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-4">
<div class="icon xl-slategray m-b-20"><i class="zmdi zmdi-chart"></i></div>
<div class="col-in">
<small class="text-muted m-t-0">Total Purchase </small>
<h3 class="counter m-b-0">₹{{ $data['poTotal'] }}</h3>
</div>
</div>
</div>
<div class="sales-bars-chart m-t-20" style="height: 200px;"> </div>
</div>
</div>
</div>
<div class="col-lg-5 col-md-12">
<div class="card">
<div class="header">
<h2><strong>Overall</strong> Information</h2>
</div>
<div class="body">
<div class="row">
<div class="col-sm-4 col-4 m-b-10">
<small class="text-muted">Suppliers</small>
<h5 class="m-b-0">{{ $data['suppliers']}}</h5>
</div>
<div class="col-sm-4 col-4 m-b-10">
<small class="text-muted">Customer</small>
<h5 class="m-b-0">{{ $data['customer']}}</h5>
</div>
<div class="col-sm-4 col-4 m-b-10">
<small class="text-muted">Orders</small>
<h5 class="m-b-0">{{ $data['orders']}}</h5>
</div>
</div>
<div id="area_chart" class="graph" style="height: 240px;"></div>
</div>
</div>
</div>
</div>
<div class="row clearfix">
<div class="col-lg-4 col-md-12">
<div class="card">
<div class="header">
<h2><strong>Top</strong> Selling Products</h2>
</div>
<div class="body table-responsive members_profiles">
<table class="table table-hover">
<thead>
<tr>
<th style="width:60px;">Product Name</th>
<th>Price</th>
<th>Sales</th>
</tr>
</thead>
<tbody>
@foreach ($data['top'] as $var)
<tr>
<td>
<a href="javascript:void(0);">{{ $var->productName }}</a>
</td>
<td>₹{{ formatAmountInIndianCurrency($var->total) }}</td>
<td>{{ $var->total_quantity }}</td>
</tr>
@endforeach
</tbody>
</table>
</div>
</div>
</div>
<div class="col-lg-4 col-md-12">
<div class="card">
<div class="header">
<h2><strong>Low </strong> Stock Product</h2>
</div>
<div class="body table-responsive members_profiles">
<table class="table table-hover" style="width: 100%;">
<thead>
<tr>
<th style="width:80%;">Product Name</th>
<th style="width:20%;">Stock</th>
</tr>
</thead>
<tbody>
@foreach ($data['low'] as $var)
<tr>
<td>
<a href="javascript:void(0);">{{ $var->productName }}</a>
</td>
<td>{{ $var->quantityInStock }}</td>
</tr>
@endforeach
</tbody>
</table>
</div>
</div>
</div>
<div class="col-lg-4 col-md-12">
<div class="card">
<div class="header">
<h2><strong>Recent </strong>Sales</h2>
</div>
<div class="body table-responsive members_profiles">
<table class="table table-hover">
<thead>
<tr>
<th style="width:60px;">Product Name</th>
<th>Qty</th>
<th>Earnings</th>
</tr>
</thead>
<tbody>
@foreach ($data['sales'] as $var)
<tr>
<td>
<a href="javascript:void(0);">{{ $var->productName }}</a>
</td>
<td>{{ $var->quantity }}</td>
<td>₹{{ formatAmountInIndianCurrency($var->total) }}</td>
</tr>
@endforeach
</tbody>
</table>
</div>
</div>
</div>
</div>
<div class="row clearfix">
<div class="col-lg-6 col-md-12">
<div class="card">
<div class="header">
<h2><strong>Sales</strong> Statics</h2>
</div>
<div class="body">
<div id="m_area_chart"></div>
</div>
</div>
</div>
<div class="col-lg-6 col-md-12">
<div class="card">
<div class="header">
<h2><strong>Recent</strong> Transaction</h2>
</div>
<div class="body">
<!-- Nav tabs -->
<ul class="nav nav-tabs">
<li class="nav-item"><a class="nav-link active" data-toggle="tab" href="#home">Sales</a></li>
<li class="nav-item"><a class="nav-link" data-toggle="tab" href="#pur">Purchase</a></li>
<li class="nav-item"><a class="nav-link" data-toggle="tab" href="#quo">Quotation</a></li>
<li class="nav-item"><a class="nav-link" data-toggle="tab" href="#inv">Invoice</a></li>
</ul>
<!-- Tab panes -->
<div class="tab-content">
<div role="tabpanel" class="tab-pane in active" id="home"> <b>Sales Content</b>
<table class="table table-hover">
<thead>
<tr>
<th>Date</th>
<th>Customer</th>
<th>Status</th>
<th>Total</th>
</tr>
</thead>
<tbody>
@foreach ($data['transaction_sales'] as $var)
<tr>
<td>{{ \Carbon\Carbon::parse($var->paymentDate)->format('d-m-Y') }}</td>
<td>{{ $var->customerName }}</td>
<td>{{ $var->paymentStatus }}</td>
<td>₹{{ $var->paidAmount }}</td>
</tr>
@endforeach
</tbody>
</table>
</div>
<div role="tabpanel" class="tab-pane" id="pur"> <b>Purchase Content</b>
<table class="table table-hover">
<thead>
<tr>
<th>Date</th>
<th>Supplier</th>
<th>Status</th>
<th>Total</th>
</tr>
</thead>
<tbody>
@foreach ($data['purchase'] as $var)
<tr>
<td>{{ \Carbon\Carbon::parse($var->purchaseDate)->format('d-m-Y') }}</td>
<td>{{ $var->bussinessName }}</td>
<td>{{ $var->status }}</td>
<td>₹{{ formatAmountInIndianCurrency($var->totalAmount) }}</td>
</tr>
@endforeach
</tbody>
</table>
</div>
<div role="tabpanel" class="tab-pane" id="quo"> <b>Quotation Content</b>
<table class="table table-hover">
<thead>
<tr>
<th>Date</th>
<th>Supplier</th>
<th>Delivery Date</th>
<th>Shipment Preference</th>
</tr>
</thead>
<tbody>
@foreach ($data['quotation'] as $var)
<tr>
<td>{{ \Carbon\Carbon::parse($var->quotationDate)->format('d-m-Y') }}</td>
<td>{{ $var->bussinessName }}</td>
<td>{{ \Carbon\Carbon::parse($var->expDeliveryDate)->format('d-m-Y') }}</td>
<td>{{ $var->shipmentPreference }}</td>
</tr>
@endforeach
</tbody>
</table>
</div>
<div role="tabpanel" class="tab-pane" id="inv"> <b>Invoice Content</b>
<table class="table table-hover">
<thead>
<tr>
<th>Date</th>
<th>Customer</th>
<th>Sale Person</th>
<th>Amount</th>
</tr>
</thead>
<tbody>
@foreach ($data['invoice'] as $var)
<tr>
<td>{{ \Carbon\Carbon::parse($var->invoiceDate)->format('d-m-Y') }}</td>
<td>{{ $var->customerName }}</td>
<td>{{ $var->salesperson }}</td>
<td>₹{{ $var->amountPayable }}</td>
</tr>
@endforeach
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row clearfix">
<div class="col-lg-4 col-md-12">
<div class="card activities">
<div class="header">
<h2><strong>Top Customers</strong></h2>
</div>
<div class="body">
<ul class="list-unstyled activity">
@foreach ($data['top_customer'] as $var)
<li>
<a href="javascript:void(0)">
<i class="zmdi zmdi-account-o bg-blue"></i>
<div class="info">
<h4>{{ $var->customerName }}</h4>
<small>{{ $var->orders }} Orders</small> <b style="float: right;">₹{{ formatAmountInIndianCurrency($var->total) }}</b>
</div>
</a>
</li>
@endforeach
</ul>
</div>
</div>
</div>
<div class="col-lg-4 col-md-12">
<div class="card">
<div class="header">
<h2><strong>Top</strong> Categories</h2>
</div>
<div class="body">
<div id="donut_chart" class="dashboard-donut-chart"></div>
<table class="table m-t-25 m-b-0">
<tbody>
<tr>
<td>Total Number Of Categories</td>
<td>{{$data['total_categories']}}</td>
<td><i class="zmdi zmdi-caret-up text-success"></i></td>
</tr>
<tr>
<td>Total Number Of Products</td>
<td>{{$data['total_products']}}</td>
<td><i class="zmdi zmdi-caret-up text-success"></i></td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<div class="col-lg-4 col-md-12">
<div class="card tasks_report">
<div class="header">
<h2><strong>Order</strong> Statistics</h2>
</div>
<div class="body text-center">
<h4 class="m-t-0">Total Orders</h4>
<h6 class="m-b-20">{{$data['orders']}}</h6>
<input type="text" class="knob dial1" value="{{ ($data['orders_details'] / $data['total_products']) * 100}}" data-width="140" data-height="140" data-thickness="0.1"
data-fgColor="#000" readonly>
<h6 class="m-t-30">Renewal Rate</h6>
<small class="displayblock">{{ round(($data['orders_details'] / $data['total_products']) * 100)}}% Average <i class="zmdi zmdi-trending-up"></i></small>
<div class="sparkline m-t-20" data-type="bar" data-width="97%" data-height="45px" data-bar-Width="2"
data-bar-Spacing="8" data-bar-Color="#000">3,2,6,5,9,8,7,8,4,5,1,2,9,5,1,3,5,7,4,6</div>
</div>
</div>
</div>
</div>
@stop
@section('script')
<script src="https://online-login.online/dist/bundles/flotscripts.bundle.js"></script>
<script>
$(function () {
$('.chart.chart-bar').sparkline(undefined, {
type: 'bar',
barColor: '#fff',
negBarColor: '#fff',
barWidth: '4px',
height: '34px'
});
$('.chart.chart-line').sparkline(undefined, {
type: 'line',
width: '60px',
height: '45px',
lineColor: '#fff',
lineWidth: 1.3,
fillColor: 'rgba(0,0,0,0)',
spotColor: 'rgba(255,255,255,0.40)',
maxSpotColor: 'rgba(255,255,255,0.40)',
minSpotColor: 'rgba(255,255,255,0.40)',
spotRadius: 3,
highlightSpotColor: '#fff'
});
//some data
var d1 = [];
@for ($i = 1; $i <= 12; $i++)
@if(array_key_exists($i, $data['d2']))
d1.push([{{ $i }}, {{ $data['d2'][$i] }}]);
@else
d1.push([{{ $i }}, 0]);
@endif
@endfor
var d2 = [];
@for ($i = 1; $i <= 12; $i++)
@if(array_key_exists($i, $data['d1']))
d2.push([{{ $i }}, {{ $data['d1'][$i] }}]);
@else
d2.push([{{ $i }}, 0]);
@endif
@endfor
var ds = new Array();
ds.push({
label: "Sales",
data: d1,
bars: {
order: 1
}
});
ds.push({
label: "Purchase",
data: d2,
bars: {
order: 2
}
});
var stack = 0,
bars = true,
lines = true,
steps = true;
var options = {
bars: {
show: true,
barWidth: 0.3,
fill: 1
},
grid: {
show: true,
aboveData: false,
labelMargin: 5,
axisMargin: 0,
borderWidth: 1,
minBorderMargin: 5,
clickable: true,
hoverable: true,
autoHighlight: false,
mouseActiveRadius: 20,
borderColor: '#f5f5f5'
},
series: {
stack: stack
},
legend: {
position: "ne",
margin: [0, 0],
noColumns: 0,
labelBoxBorderColor: null,
labelFormatter: function (label, series) {
// just add some space to labes
return '' + label + ' ';
},
width: 30,
height: 5
},
yaxis: {
tickColor: '#f5f5f5',
font: {
color: '#bdbdbd'
}
},
xaxis: {
tickColor: '#f5f5f5',
font: {
color: '#bdbdbd'
}
},
colors: ["#6a7885", "#ffd03f", "#8c99e0"],
tooltip: true, //activate tooltip
tooltipOpts: {
content: "%s : %y.0",
shifts: {
x: -30,
y: -50
}
}
};
$.plot($(".sales-bars-chart"), ds, options);
MorrisArea();
initDonutChart();
$('.knob').knob({
draw: function () {
// "tron" case
if (this.$.data('skin') == 'tron') {
var a = this.angle(this.cv) // Angle
, sa = this.startAngle // Previous start angle
, sat = this.startAngle // Start angle
, ea // Previous end angle
, eat = sat + a // End angle
, r = true;
this.g.lineWidth = this.lineWidth;
this.o.cursor
&& (sat = eat - 0.3)
&& (eat = eat + 0.3);
if (this.o.displayPrevious) {
ea = this.startAngle + this.angle(this.value);
this.o.cursor
&& (sa = ea - 0.3)
&& (ea = ea + 0.3);
this.g.beginPath();
this.g.strokeStyle = this.previousColor;
this.g.arc(this.xy, this.xy, this.radius - this.lineWidth, sa, ea, false);
this.g.stroke();
}
this.g.beginPath();
this.g.strokeStyle = r ? this.o.fgColor : this.fgColor;
this.g.arc(this.xy, this.xy, this.radius - this.lineWidth, sat, eat, false);
this.g.stroke();
this.g.lineWidth = 2;
this.g.beginPath();
this.g.strokeStyle = this.o.fgColor;
this.g.arc(this.xy, this.xy, this.radius - this.lineWidth + 1 + this.lineWidth * 2 / 3, 0, 2 * Math.PI, false);
this.g.stroke();
return false;
}
}
});
});
function MorrisArea() {
Morris.Area({
element: 'area_chart',
data: [
@foreach($fy as $var)
{
period: '{{$var->financialYearName}}',
Supplier: @if(array_key_exists($var->idFinancialYear, $data['d5'])) {{ $data['d5'][$var->idFinancialYear] }} @else 0 @endif,
Orders: @if(array_key_exists($var->idFinancialYear, $data['d6'])) {{ $data['d6'][$var->idFinancialYear] }} @else 0 @endif,
},
@endforeach
],
lineColors: ['#616161', '#00ced1'],
xkey: 'period',
ykeys: ['Supplier', 'Orders'],
labels: ['Supplier', 'Orders'],
pointSize: 0,
lineWidth: 0,
resize: true,
fillOpacity: 0.8,
behaveLikeLine: true,
gridLineColor: '#e0e0e0',
hideHover: 'auto'
});
Morris.Area({
element: 'm_area_chart',
data: [
@foreach($fy as $var)
{
period: '{{$var->financialYearName}}',
sales: @if(array_key_exists($var->idFinancialYear, $data['d4'])) {{ $data['d4'][$var->idFinancialYear] }} @else 0 @endif,
revenue: @if(array_key_exists($var->idFinancialYear, $data['d3'])) {{ $data['d3'][$var->idFinancialYear] }} @else 0 @endif,
},
@endforeach
],
xkey: 'period',
ykeys: ['revenue', 'sales'],
labels: ['revenue', 'sales'],
pointSize: 3,
fillOpacity: 0,
pointStrokeColors: ['#222222', '#cccccc', '#379c94'],
behaveLikeLine: true,
gridLineColor: '#e0e0e0',
lineWidth: 2,
hideHover: 'auto',
lineColors: ['#222222', '#cccccc', '#379c94'],
resize: true
});
}
function initDonutChart() {
Morris.Donut({
element: 'donut_chart',
data: [
@foreach ($data['categories'] as $var)
{
label: '{{$var->categoryName}}',
value: {{$var->total}}
},
@endforeach
],
colors: ['#93e3ff', '#b0dd91', '#ffe699', '#f8cbad', '#a4a4a4'],
formatter: function (y) {
return y + '%'
}
});
}
</script>
@endsection
Copyright © 2021 -