Viewing file:  daily_attendance.blade.php (5.74 KB) -rw-r--r--
Select action/file-type:
 (+) |  (+) |  (+) | Code (+) | Session (+) |  (+) | SDB (+) |  (+) |  (+) |  (+) |  (+) |  (+) |
@extends('admin.navigation')
@section('content')
<div class="mainSection-title">
<div class="row">
<div class="col-12">
<div
class="d-flex justify-content-between align-items-center flex-wrap gr-15"
>
<div class="d-flex flex-column">
<h4>{{ get_phrase('Daily Attendance') }}</h4>
<ul class="d-flex align-items-center eBreadcrumb-2">
<li><a href="#">{{ get_phrase('Home') }}</a></li>
<li><a href="#">{{ get_phrase('Academic') }}</a></li>
<li><a href="#">{{ get_phrase('Daily Attendance') }}</a></li>
</ul>
</div>
<div class="export-btn-area">
<a href="#" class="export_btn" onclick="rightModal('{{ route('admin.take_attendance.open_modal') }}', '{{ get_phrase('Take Attendance') }}')">{{ get_phrase('Take Attendance') }}</a>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-12">
<div class="eSection-wrap-2">
<!-- Filter area -->
<form method="GET" enctype="multipart/form-data" class="d-block ajaxForm" action="{{ route('admin.daily_attendance.filter') }}">
<div class="att-filter d-flex flex-wrap">
<div class="att-filter-option">
<select name="month" id="month" class="form-select eForm-select eChoice-multiple-with-remove" required>
<option value="">{{ get_phrase('Select a month') }}</option>
<option value="Jan"{{ date('M') == 'Jan' ? 'selected':'' }}>{{ get_phrase('January') }}</option>
<option value="Feb"{{ date('M') == 'Feb' ? 'selected':'' }}>{{ get_phrase('February') }}</option>
<option value="Mar"{{ date('M') == 'Mar' ? 'selected':'' }}>{{ get_phrase('March') }}</option>
<option value="Apr"{{ date('M') == 'Apr' ? 'selected':'' }}>{{ get_phrase('April') }}</option>
<option value="May"{{ date('M') == 'May' ? 'selected':'' }}>{{ get_phrase('May') }}</option>
<option value="Jun"{{ date('M') == 'Jun' ? 'selected':'' }}>{{ get_phrase('June') }}</option>
<option value="Jul"{{ date('M') == 'Jul' ? 'selected':'' }}>{{ get_phrase('July') }}</option>
<option value="Aug"{{ date('M') == 'Aug' ? 'selected':'' }}>{{ get_phrase('August') }}</option>
<option value="Sep"{{ date('M') == 'Sep' ? 'selected':'' }}>{{ get_phrase('September') }}</option>
<option value="Oct"{{ date('M') == 'Oct' ? 'selected':'' }}>{{ get_phrase('October') }}</option>
<option value="Nov"{{ date('M') == 'Nov' ? 'selected':'' }}>{{ get_phrase('November') }}</option>
<option value="Dec"{{ date('M') == 'Dec' ? 'selected':'' }}>{{ get_phrase('December') }}</option>
</select>
</div>
<div class="att-filter-option">
<select name="year" id="year" class="form-select eForm-select eChoice-multiple-with-remove" required>
<option value="">{{ get_phrase('Select a year') }}</option>
<?php for($year = 2015; $year <= date('Y'); $year++){ ?>
<option value="{{ $year }}"{{ date('Y') == $year ? 'selected':'' }}>{{ $year }}</option>
<?php } ?>
</select>
</div>
<div class="att-filter-option">
<select name="class_id" id="class_id" class="form-select eForm-select eChoice-multiple-with-remove" onchange="classWiseSection(this.value)" required>
<option value="">{{ get_phrase('Select a class') }}</option>
@foreach($classes as $class)
<option value="{{ $class->id }}">{{ $class->name }}</option>
@endforeach
</select>
</div>
<div class="att-filter-option">
<select name="section_id" id="section_id" class="form-select eForm-select eChoice-multiple-with-remove" required>
<option value="">{{ get_phrase('Select section') }}</option>
</select>
</div>
<div class="att-filter-btn">
<button class="eBtn eBtn btn-secondary" type="submit" >{{ get_phrase('Filter') }}</button>
</div>
</div>
</form>
<div class="card-body attendance_content">
<div class="empty_box center">
<img class="mb-3" width="150px" src="{{ asset('public/assets/images/empty_box.png') }}" />
<br>
<span class="">{{ get_phrase('No data found') }}</span>
</div>
</div>
</div>
</div>
</div>
@endsection
<script type="text/javascript">
"use strict";
function classWiseSection(classId) {
let url = "{{ route('admin.class_wise_sections', ['id' => ":classId"]) }}";
url = url.replace(":classId", classId);
$.ajax({
url: url,
success: function(response){
$('#section_id').html(response);
}
});
}
function filter_attendance(){
var month = $('#month').val();
var year = $('#year').val();
var class_id = $('#class_id').val();
var section_id = $('#section_id').val();
if(class_id != "" && section_id != "" && month != "" && year != ""){
getDailtyAttendance();
}else{
toastr.error('{{ get_phrase('Please select in all fields !') }}');
}
}
var getDailtyAttendance = function () {
var month = $('#month').val();
var year = $('#year').val();
var class_id = $('#class_id').val();
var section_id = $('#section_id').val();
let url = "{{ route('admin.daily_attendance.filter') }}";
if(class_id != "" && section_id != "" && month != "" && year != ""){
$.ajax({
url: url,
headers: {
'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
},
data: {month : month, year : year, class_id : class_id, section_id : section_id},
success: function(response){
$('.attendance_content').html(response);
}
});
}
}
</script>
|