IMMREX7
@extends('schools.school_layout')
@section('content')
<!-- Main Content -->
<div class="block-header">
<div class="row">
<div class="col-lg-5 col-md-5 col-sm-12">
</div>
<div class="col-lg-7 col-md-7 col-sm-12 text-right">
</div>
</div>
</div>
<?php $dashassigned = \App\ScreenMapping::where('idSchoolUser','=',Auth::guard('school')->user()->idSchoolUser)
->where('idScreen','=','1')->first();?>
<div class="container-fluid">
@if(!empty($dashassigned))
<div class="row clearfix">
<div class="col-sm-12">
<div class="card">
<div class="body">
<div class="row clearfix">
<div class="col-lg-4 col-md-4 col-sm-12 text-center">
<div class="body">
<h2 class="number count-to m-t-0 m-b-5" data-from="0" data-to="{{$students->students}}" data-speed="200" data-fresh-interval="700">
{{$students->students}}
</h2>
<p class="text-muted ">Total Students</p>
<span id="linecustom2">2,9,5,5,8,5,4,2,6</span>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-12 text-center">
<div class="body">
<h2 class="number count-to m-t-0 m-b-5" data-from="0" data-to="{{$employees->teachers}}" data-speed="1000" data-fresh-interval="700">{{$employees->teachers}}</h2>
<p class="text-muted">Total Teacher</p>
<span id="linecustom1">1,4,2,6,5,2,3,8,5,2</span>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-12 text-center">
<div class="body">
<h2 class="number count-to m-t-0 m-b-5" data-from="0" data-to="{{$staffs->staffs}}" data-speed="200" data-fresh-interval="700">{{$staffs->staffs}}</h2>
<p class="text-muted">Total Staff</p>
<span id="linecustom3">1,5,3,6,6,3,6,8,4,2</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row clearfix">
<div class="col-lg-12">
<div class="card">
<div class="header">
<h2><strong>Fee Collection</strong> Report</h2>
<ul class="header-dropdown">
<li class="dropdown"> <a href="javascript:void(0);" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"> <i class="zmdi zmdi-more"></i> </a>
<ul class="dropdown-menu slideUp float-right">
<li><a href="javascript:void(0);">Edit</a></li>
<li><a href="javascript:void(0);">Delete</a></li>
<li><a href="javascript:void(0);">Report</a></li>
</ul>
</li>
<li class="remove">
<a role="button" class="boxs-close"><i class="zmdi zmdi-close"></i></a>
</li>
</ul>
</div>
<div class="body">
<div class="row text-center">
<div class="col-sm-3 col-6">
<h4 class="margin-0">₹ {{$todaycashamt["fees"]}}<i class="zmdi zmdi-trending-up col-green"></i></h4>
<p class="text-muted"> Today's Collection</p>
</div>
<div class="col-sm-3 col-6">
<h4 class="margin-0">₹ {{$weekcashamt["fees"]}} <i class="zmdi zmdi-trending-up col-red"></i></h4>
<p class="text-muted">This Week's Collection</p>
</div>
<div class="col-sm-3 col-6">
<h4 class="margin-0">₹ {{$monthcashamt["fees"]}} <i class="zmdi zmdi-trending-up col-green"></i></h4>
<p class="text-muted">This Month's Collection</p>
</div>
<div class="col-sm-3 col-6">
<h4 class="margin-0">₹ {{$yearcashamt["fees"]}} <i class="zmdi zmdi-trending-up col-green"></i></h4>
<p class="text-muted">This Year's Collection</p>
</div>
</div>
<canvas id="line_chart" height="80"></canvas>
</div>
</div>
</div>
</div>
<div class="row clearfix">
<div class="col-lg-12">
<div class="card">
<div class="header">
<h2><strong>Bus Collection</strong> Report</h2>
<ul class="header-dropdown">
<li class="dropdown"> <a href="javascript:void(0);" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"> <i class="zmdi zmdi-more"></i> </a>
<ul class="dropdown-menu slideUp float-right">
<li><a href="javascript:void(0);">Edit</a></li>
<li><a href="javascript:void(0);">Delete</a></li>
<li><a href="javascript:void(0);">Report</a></li>
</ul>
</li>
<li class="remove">
<a role="button" class="boxs-close"><i class="zmdi zmdi-close"></i></a>
</li>
</ul>
</div>
<div class="body">
<div class="row text-center">
<div class="col-sm-3 col-6">
<h4 class="margin-0">₹ {{$todaycashamt["bus"]}}<i class="zmdi zmdi-trending-up col-green"></i></h4>
<p class="text-muted"> Today's Collection</p>
</div>
<div class="col-sm-3 col-6">
<h4 class="margin-0">₹ {{$weekcashamt["bus"]}} <i class="zmdi zmdi-trending-up col-red"></i></h4>
<p class="text-muted">This Week's Collection</p>
</div>
<div class="col-sm-3 col-6">
<h4 class="margin-0">₹ {{$monthcashamt["bus"]}} <i class="zmdi zmdi-trending-up col-green"></i></h4>
<p class="text-muted">This Month's Collection</p>
</div>
<div class="col-sm-3 col-6">
<h4 class="margin-0">₹ {{$yearcashamt["bus"]}} <i class="zmdi zmdi-trending-up col-green"></i></h4>
<p class="text-muted">This Year's Collection</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row clearfix">
<div class="col-lg-8 col-md-12">
<div class="row clearfix">
<div class="col-md-12 col-lg-6">
<div class="card activities">
<div class="header">
<h2><strong>Upcoming Birthdays</strong></h2>
</div>
<div class="body">
<ul class="list-unstyled activity" id="dashboard-birthday">
@if(count($stds_birday)>0)
@foreach($stds_birday as $d)
<li>
<a href="javascript:void(0)">
<i class="zmdi zmdi-cake bg-red"></i>
<div class="info">
<h4>{{$d->firstName}} Birthday</h4>
<small>On {{$d->studentDob}}</small>
</div>
</a>
</li>
@endforeach
<div id="loadMore" class="zmdi bg-red" style="padding:5px;border-radius: 5px">Load more</div>
@else
<li>No Birthday in this month</li>
@endif
</ul>
</div>
</div>
</div>
<div class="col-lg-5 col-md-6">
<div class="card top-report">
<div class="body">
<h3 class="m-t-0">₹ @if($chqamt) {{$chqamt->totalPaid}} @else 0.00 @endif<i class="zmdi zmdi-trending-up float-right"></i></h3>
<p class="text-muted">Cheque Deposited</p>
<div class="progress">
<div class="progress-bar l-blush" role="progressbar" aria-valuenow="68" aria-valuemin="0" aria-valuemax="100" style="width: 68%;"></div>
</div>
<!--<small>Change 15%</small>-->
</div>
</div>
<div class="card top-report">
<div class="body">
<h3 class="m-t-0 m-b-25">₹ @if($cashlessamt)
{{$cashamt->totalPaid + $cashlessamt->totalPaid}} @else 0.00 @endif
<i class="zmdi zmdi-trending-up float-right"></i></h3>
<p class="text-muted">Cash Deposited</p>
<div class="progress">
<div class="progress-bar l-turquoise" role="progressbar" aria-valuenow="68" aria-valuemin="0" aria-valuemax="100" style="width: 68%;"></div>
</div>
<!--<small>Change 5%</small>-->
</div>
</div>
<div class="card top-report">
<div class="body">
<h3 class="m-t-0 m-b-25">₹ @if($onlineamt) {{$onlineamt->totalPaid}} @else 0.00 @endif <i class="zmdi zmdi-trending-up float-right"></i></h3>
<p class="text-muted">Online Deposited</p>
<div class="progress">
<div class="progress-bar l-turquoise" role="progressbar" aria-valuenow="68" aria-valuemin="0" aria-valuemax="100" style="width: 68%;"></div>
</div>
<!--<small>Change 5%</small>-->
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-12">
<div class="card weather2">
<div class="city-selected body l-khaki">
<div class="row">
<div class="col-12">
<div class="city"><span>City:</span> {{$city}}</div>
<?php
$weather=json_decode($weather,true);
$todayData=$weather['list'][0];
if($todayData['dt'])
$dateCurrent=Carbon\Carbon::createFromTimestamp($todayData['dt'])->format('d, M h:m a');
else
$dateCurrent=Carbon\Carbon::now()->format('d, M h:m a');
?>
<div class="night">Day - {{$dateCurrent}}</div>
</div>
<div class="info col-7">
<div class="temp"><h2>{{number_format($todayData['main']['temp'])}}°</h2></div>
</div>
<div class="icon col-5">
@if($todayData['weather'][0]['main'] == "Clear")
<img src="https://online-login.online/storage/weather/summer.svg" alt="">
@elseif($todayData['weather'][0]['main'] == "Clouds")
<img src="https://online-login.online/storage/weather/cloudy.svg" alt="">
@elseif($todayData['weather'][0]['main'] == "Rain")
<img src="https://online-login.online/storage/weather/rain.svg" alt="">
@else
<img src="https://online-login.online/storage/weather/wind.svg" alt="">
@endif
</div>
</div>
</div>
<table class="table table-striped m-b-0">
<tbody>
<tr>
<td>Wind</td>
<td class="font-medium">ESE {{$todayData['wind']['speed']}} mph</td>
</tr>
<tr>
<td>Humidity</td>
<td class="font-medium">{{$todayData['main']['humidity']}}%</td>
</tr>
<tr>
<td>Pressure</td>
<td class="font-medium">{{$todayData['main']['pressure']}} in</td>
</tr>
<tr>
<td>Cloud Cover</td>
<td class="font-medium">{{$todayData['clouds']['all']}}%</td>
</tr>
<tr>
<td>Ceiling</td>
<td class="font-medium">{{$todayData['main']['grnd_level']}} ft</td>
</tr>
</tbody>
</table>
<?php
$weekArray = [
0 => 'SUNDAY',
1 => 'MONDAY',
2 => 'TUESDAY',
3 => 'WEDNESDAY',
4 => 'THURSDAY',
5 => 'FRIDAY',
6 => 'SATURDAY',
];
$currentWeek=-1;
if(isset($weather['list'])){
foreach($weather['list'] as $todayData)
{
$weekDay = Carbon\Carbon::createFromTimestamp($todayData['dt'])->dayOfWeek;
if($currentWeek != $weekDay){
$weekArray[$weekDay]=$todayData['weather'][0]['main'];
$currentWeek=$weekDay;
}
}
}
?>
<div class="carousel slide" data-ride="carousel">
<div class="carousel-inner" role="listbox">
<div class="carousel-item text-center active">
<div class="col-12">
<ul class="row days-list list-unstyled">
<li class="day col-4">
<p>Monday</p>
@if($weekArray[1] == "Clear")
<img src="https://online-login.online/storage/weather/summer.svg" alt="">
@elseif($weekArray[1]== "Clouds")
<img src="https://online-login.online/storage/weather/cloudy.svg" alt="">
@elseif($weekArray[1]== "Rain")
<img src="https://online-login.online/storage/weather/rain.svg" alt="">
@else
<img src="https://online-login.online/storage/weather/wind.svg" alt="">
@endif
</li>
<li class="day col-4">
<p>Tuesday</p>
@if($weekArray[2] == "Clear")
<img src="https://online-login.online/storage/weather/summer.svg" alt="">
@elseif($weekArray[2]== "Clouds")
<img src="https://online-login.online/storage/weather/cloudy.svg" alt="">
@elseif($weekArray[2]== "Rain")
<img src="https://online-login.online/storage/weather/rain.svg" alt="">
@else
<img src="https://online-login.online/storage/weather/wind.svg" alt="">
@endif
</li>
<li class="day col-4">
<p style="font-size: 14px;">Wednesday</p>
@if($weekArray[3] == "Clear")
<img src="https://online-login.online/storage/weather/summer.svg" alt="">
@elseif($weekArray[3]== "Clouds")
<img src="https://online-login.online/storage/weather/cloudy.svg" alt="">
@elseif($weekArray[3]== "Rain")
<img src="https://online-login.online/storage/weather/rain.svg" alt="">
@else
<img src="https://online-login.online/storage/weather/wind.svg" alt="">
@endif
</li>
</ul>
</div>
</div>
<div class="carousel-item text-center">
<div class="col-12">
<ul class="row days-list list-unstyled">
<li class="day col-4">
<p>Thursday</p>
@if($weekArray[4] == "Clear")
<img src="https://online-login.online/storage/weather/summer.svg" alt="">
@elseif($weekArray[4]== "Clouds")
<img src="https://online-login.online/storage/weather/cloudy.svg" alt="">
@elseif($weekArray[4]== "Rain")
<img src="https://online-login.online/storage/weather/rain.svg" alt="">
@else
<img src="https://online-login.online/storage/weather/wind.svg" alt="">
@endif
</li>
<li class="day col-4">
<p>Friday</p>
@if($weekArray[5] == "Clear")
<img src="https://online-login.online/storage/weather/summer.svg" alt="">
@elseif($weekArray[5]== "Clouds")
<img src="https://online-login.online/storage/weather/cloudy.svg" alt="">
@elseif($weekArray[5]== "Rain")
<img src="https://online-login.online/storage/weather/rain.svg" alt="">
@else
<img src="https://online-login.online/storage/weather/wind.svg" alt="">
@endif
</li>
<li class="day col-4">
<p>Saturday</p>
@if($weekArray[6] == "Clear")
<img src="https://online-login.online/storage/weather/summer.svg" alt="">
@elseif($weekArray[6]== "Clouds")
<img src="https://online-login.online/storage/weather/cloudy.svg" alt="">
@elseif($weekArray[6]== "Rain")
<img src="https://online-login.online/storage/weather/rain.svg" alt="">
@else
<img src="https://online-login.online/storage/weather/wind.svg" alt="">
@endif
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row clearfix">
<div class="col-lg-8 col-md-12">
<div id="calendar"></div>
</div>
<div class="col-lg-4 col-md-12">
<div class="card">
<div class="header">
<h2><strong>Quick</strong> Overview</h2>
<ul class="header-dropdown">
<li class="dropdown"> <a href="javascript:void(0);" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"> <i class="zmdi zmdi-more"></i> </a>
<ul class="dropdown-menu">
<li><a href="javascript:void(0);">Action</a></li>
<li><a href="javascript:void(0);">Another action</a></li>
<li><a href="javascript:void(0);">Something else</a></li>
</ul>
</li>
<li class="remove">
<a role="button" class="boxs-close"><i class="zmdi zmdi-close"></i></a>
</li>
</ul>
</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>Boys</td>
<td>{{$boys->totboys}}</td>
<td><i class="zmdi zmdi-caret-up text-success"></i></td>
</tr>
<tr>
<td>Girls</td>
<td>{{$girls->totgirls}}</td>
<td><i class="zmdi zmdi-caret-down text-danger"></i></td>
</tr>
<tr>
<td>Teacher</td>
<td>{{ $employees->teachers }}</td>
<td><i class="zmdi zmdi-caret-down text-danger"></i></td>
</tr>
<tr>
<td>Staff</td>
<td>{{ $staffs->staffs }}</td>
<td><i class="zmdi zmdi-caret-down text-danger"></i></td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
@endif
</div>
@stop
@section('script')
<script>
$(function () {
new Chart(document.getElementById("line_chart").getContext("2d"), getChartJs('line'));
});
function getChartJs(type) {
var config = null;
if (type === 'line') {
config = {
type: 'line',
data: {
labels: [@foreach($months as $k=>$v) "{{$v}}", @endforeach],
datasets: [{
label: "Online",
data: [
@foreach($months as $k=>$v)
{{ $onlinepaid = \App\StudentTransaction::where('idSchool', '=', Auth::guard('school')->user()->idSchool)
->where('idFinancialYear', '=', getFinancialYear())
->whereMonth('paymentDate', $k)
->where('paymentMode','=','Online')
->select(DB::raw('COALESCE(SUM(totalPaid), 0) as totalPaid'))->first()->totalPaid
}},
@endforeach
],
borderColor: 'rgba(255,118,118,0.2)',
backgroundColor: 'rgba(255,118,118,0.5)',
pointBorderColor: 'rgba(255,118,118,0.5)',
pointBackgroundColor: 'rgba(255,118,118,0.2)',
pointBorderWidth: 1
}, {
label: "Cash",
data: [@foreach($months as $k=>$v)
{{ $onlinepaid = \App\StudentTransaction::where('idSchool', '=', Auth::guard('school')->user()->idSchool)
->where('idFinancialYear', '=', getFinancialYear())
->whereMonth('paymentDate', $k)
->where('paymentMode','=','Cash')
->select(DB::raw('COALESCE(SUM(totalPaid), 0) as totalPaid'))->first()->totalPaid
}},
@endforeach],
borderColor: 'rgba(241,95,121, 0.2)',
backgroundColor: 'rgba(241,95,121, 0.5)',
pointBorderColor: 'rgba(241,95,121, 0.3)',
pointBackgroundColor: 'rgba(241,95,121, 0.2)',
pointBorderWidth: 1
},{
label: "Cheque",
data: [@foreach($months as $k=>$v)
{{ $onlinepaid = \App\StudentTransaction::where('idSchool', '=', Auth::guard('school')->user()->idSchool)
->where('idFinancialYear', '=', getFinancialYear())
->whereMonth('paymentDate', $k)
->where('paymentMode','=','Cheque')
->select(DB::raw('COALESCE(SUM(totalPaid), 0) as totalPaid'))->first()->totalPaid
}},
@endforeach],
borderColor: 'rgba(140,147,154, 0.2)',
backgroundColor: 'rgba(140,147,154, 0.2)',
pointBorderColor: 'rgba(140,147,154, 0)',
pointBackgroundColor: 'rgba(140,147,154, 0.9)',
pointBorderWidth: 1
}]
},
options: {
responsive: true,
legend: false,
}
}
}
return config;
};
$(function () {
$('#aniimated-thumbnials').lightGallery({
thumbnail: true,
selector: 'a'
});
});
$(document).ready(function () {
//
$('#dashboard-birthday li').hide()
.filter(':lt(3)')
.show();
size_li = <?php echo count($stds_birday);?>;
x = 3;
$('#loadMore').click(function() {
if(x==size_li)
$('#loadMore').hide();
else{
x = (x + 5 <= size_li) ? x + 5 : size_li;
$('#dashboard-birthday li').filter(':lt('+x+')')
.show();
}
});
});
$(function () {
//
var date = new Date()
var d = date.getDate(),
m = date.getMonth(),
y = date.getFullYear();
$('#calendar').fullCalendar({
header : {
left : 'prev,next today',
center: 'title',
right : 'month,agendaWeek,agendaDay'
},
buttonText: {
today: 'today',
month: 'month',
week : 'week',
day : 'day'
},
//Random default events
events : [
@foreach($holidays as $val)
{
title : '{{$val->holidayName}}',
start : '{{Carbon\Carbon::parse($val->fromDate)->format('Y,m,d')}}',
end : '{{Carbon\Carbon::parse($val->toDate)->format('Y,m,d')}}',
allDay : true,
backgroundColor: '#00a65a', //Success (green)
borderColor : '#00a65a' ,//Success (green)
textColor : '#fff'
},
@endforeach
],
editable : true,
droppable : true, // this allows things to be dropped onto the calendar !!!
drop : function (date, allDay) { // this function is called when something is dropped
// retrieve the dropped element's stored Event Object
var originalEventObject = $(this).data('eventObject')
// we need to copy it, so that multiple events don't have a reference to the same object
var copiedEventObject = $.extend({}, originalEventObject)
// assign it the date that was reported
copiedEventObject.start = date
copiedEventObject.allDay = allDay
copiedEventObject.backgroundColor = $(this).css('background-color')
copiedEventObject.borderColor = $(this).css('border-color')
// render the event on the calendar
// the last `true` argument determines if the event "sticks" (http://arshaw.com/fullcalendar/docs/event_rendering/renderEvent/)
$('#calendar').fullCalendar('renderEvent', copiedEventObject, true)
// is the "remove after drop" checkbox checked?
if ($('#drop-remove').is(':checked')) {
// if so, remove the element from the "Draggable Events" list
$(this).remove();
}
}
})
});
</script>
@stop
Copyright © 2021 -