| aku nok ndi : /home/spdtg/www/schoolmis/resources/views/schools/hostel/ |
| aku nok ndi : /home/spdtg/www/schoolmis/resources/views/schools/hostel/attendance.blade.php |
@extends('schools.school_layout')
@section('content')
<div class="row clearfix">
<div class="col-lg-12 col-md-12 col-sm-12">
<!--<div class="card">-->
<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="col-lg-12 col-md-12 col-sm-12">
<div class="card">
<div class="header">
<h2><strong>Advance Search</strong></h2>
</div>
<div class="body">
{!! Form::open(['method' => 'GET', 'action' => ['School\Hostel\AttendanceController@index'], 'class' => 'form-horizontal']) !!}
<div class="row clearfix">
<div class="col-sm-4">
<div class="row clearfix">
<div class="col-sm-3 form-control-label">
<label for="classname">Class</label>
</div>
<div class="col-sm-7">
<div class="form-group">
<div style="border:1px solid #ccc; width:250px; height: 150px; overflow-y: scroll;">
@foreach($classes as $key=>$value)
<div class="checkbox-inline" style="padding-left:10px;padding-top:5px;">
<input type="checkbox" name="classes[]" value="{{$key}}" class="class_ids">
<label>{{$value}}</label>
</div>
@endforeach
</div>
</div>
</div>
</div>
</div>
<div class="col-sm-4">
<div class="row clearfix">
<div class="col-sm-3 form-control-label">
<label for="classname">Section</label>
</div>
<div class="col-sm-7">
<div class="form-group">
<div id="idSection" style="border:1px solid #ccc; width:250px; height: 150px; overflow-y: scroll;">
</div>
<!--<select name='idSection' id="idSection" class="form-control show-tick ms"></select>-->
</div>
</div>
</div>
</div>
<div class="col-sm-4">
<div class="row clearfix">
<div class="col-sm-3 form-control-label">
<label for="classname">EC No.</label>
</div>
<div class="col-sm-7">
<div class="form-group">
<div id="idStudent" style="border:1px solid #ccc; width:250px; height: 150px; overflow-y: scroll;">
</div>
<!--<select name='idSection' id="idSection" class="form-control show-tick ms"></select>-->
</div>
</div>
</div>
</div>
</div>
<div class="row clearfix">
<div class="row clearfix">
<div class="col-sm-3 form-control-label">
<label for="classname">Select Date</label>
</div>
<div class="col-sm-7">
<div class="form-group">
{!! Form::text('date',null,['class' => 'form-control dateselector']) !!}
</div>
</div>
</div>
<!-- <div class="row clearfix">
<div class="col-sm-3 form-control-label">
<label for="classname">To Date</label>
</div>
<div class="col-sm-7">
<div class="form-group">
{!! Form::text('toDate',null,['class' => 'form-control datepicker']) !!}
</div>
</div>
</div>-->
</div>
<div class="row clearfix">
<div class="col-sm-8 offset-sm-2">
{!! Form::submit('SHOW',['class' => 'btn btn-raised btn-primary btn-round waves-effect']) !!}
{!! Form::close() !!}
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!--</div>-->
</div>
</div>
<div class="row clearfix">
<div class="col-lg-12 col-md-12 col-sm-12">
<div class="card">
<div class="body">
<div class="body">
<!-- Nav tabs -->
<!-- <ul class="nav nav-tabs">
<li class="nav-item"><a class="nav-link active" data-toggle="tab" href="#home">DAY</a></li>
<li class="nav-item"><a class="nav-link" data-toggle="tab" href="#messages">All Time</a></li>
</ul> -->
<!-- Tab panes -->
<div class="tab-content">
<div> <div class="header"> <h2><strong>Hostel Attandance Report (Today)</strong></h2></div>
<div class="body table-responsive">
@if(count($students)>0)
<table class="table table-bordered table-striped table-hover dataTable tableexp">
<thead>
<tr>
<th>Date</th>
<th>Enrollment No</th>
<th>Name</th>
<th>Class</th>
<th>Section</th>
<th>Attendance</th>
</tr>
</thead>
<tbody>
@foreach($students as $var)
<tr>
<td>{{$tdate}}</td>
<td>{{$var->ecNo}}</td>
<td>{{$var->firstName}} {{$var->middleName}} {{$var->lastName}}</td>
<td>{{$var->classM->className}}</td>
<td>{{$var->section->sectionName}}</td>
<td>
@foreach($var->attandance as $det)
@if($det->status == 'IN')
<span style="color:green;font-weight:bold">P</span>
@endif
@if($det->idType == 'M')
<span style="color:green;font-weight:bold">P</span>
@endif
@if($det->status == 'IN')
<span style="color:green;font-weight: bold">IN: {{$det->TimeStamp->format('h:i:s')}}</span>
@endif
@if($det->status == 'OUT')
<span style="color:red;font-weight: bold">OUT: {{$det->TimeStamp->format('h:i:s')}}</span>
@endif
@endforeach
</td>
</tr>
@endforeach
</tbody>
<tfoot>
<tr>
<th>Total Students: {{$students->count()}}</th>
<th colspan="5">Total Present : {{$total_attendace}} , Total Absent : {{$abs = $students->count() - $total_attendace}}</th>
</tr>
</tfoot>
</table>
@else
<p style="color:red;"><strong>To get Attendance Report please go to 'Advance Search' and select Class and Section.</strong></p>
@endif
</div>
</div>
<div role="tabpanel" class="tab-pane" id="messages"> <b></b>
<div class="col-md-12 col-lg-12">
<div class="card">
<div class="header">
<h2><strong>Attendance</strong></h2>
</div>
<div class="body">
<canvas id="bar_chart" height="150"></canvas>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
@stop
@section('script')
<script>
$('.dateselector').datepicker({
autoclose: true,
autoWidth: false,
format: 'dd-mm-yyyy',
endDate: '+0d',
orientation: 'auto'
});
$(document).on('click', '.class_ids', function(){
//var checkAll = this.checked;
var classIds = [];
$("input:checkbox[name='classes[]']:checked").each(function () {
classIds.push($(this).val());
});
if (classIds.length > 0) {
$.ajax({
url: "{{url('/school/schclass') }}" + '/' + classIds + "/sections",
type: "GET",
dataType: "json",
success:function(data) {
$('#idSection').empty();
$('#idSection').append('<div class="checkbox-inline" style="padding-left:10px;padding-top:5px;"><input type="checkbox" class="select-all" id="selectall"><label><strong>Select All</label></strong></div>');
$.each(data, function(key, value) {
$('#idSection').append('<div class="checkbox-inline" style="padding-left:10px;"><input type="checkbox" name="sections[]" value="' + key + '" class="sectionclass"><label>' + value + '</label></div>');
});
}
});
}
});
$(document).on('click', '.select-all', function(){
var checkAll = this.checked;
if (checkAll === true){
$('.sectionclass').each(function () {
this.checked = checkAll;
});
} else{
$('.sectionclass').each(function () {
this.checked = checkAll;
});
}
});
$(document).on('click', '.sectionclass', function(){
var sectionIds = [];
$("input:checkbox[name='sections[]']:checked").each(function () {
sectionIds.push($(this).val());
});
if (sectionIds.length > 0) {
$.ajax({
url: "{{url('/school/sec') }}" + '/' + sectionIds + "/students",
type: "GET",
dataType: "json",
success:function(data) {
$('#idStudent').empty();
$('#idStudent').append('<div class="checkbox-inline" style="padding-left:10px;padding-top:5px;"><label style="margin-right:42px;"><strong>Select All</label></strong><input type="checkbox" class="select-allstd" id="selectallstd"></div>');
$.each(data, function(key, value) {
$('#idStudent').append('<div class="checkbox-inline" style="padding-left:10px;"><label style="margin-right:50px;">' + value + '</label><input type="checkbox" name="students[]" value="' + key + '" class="stdallselect"></div>');
});
}
});
} else{
$('#idStudent').empty();
}
});
$(document).on('click', '.select-allstd', function(){
var checkAllstd = this.checked;
if (checkAllstd === true){
$("input:checkbox[name='students[]']").each(function () {
this.checked = checkAllstd;
});
} else{
$('.stdallselect').each(function () {
this.checked = checkAllstd;
});
}
});
$(function () {
$('.tableexp').DataTable({
'lengthMenu': [[25, 50, 100, - 1], [25, 50, 100, "All"]],
dom: 'Bfrtip',
scrollY: "500px",
scrollX: true,
scrollCollapse: true,
fixedColumns: {
left: 1
},
buttons: [
'csv', 'excel', 'pdf', 'print'
]
});
});
</script>
@stop