@extends('layouts.default')
@section('content')

<div class="right_col" role="main">
  	<div class="">
	    <div class="page-title">
	      	<div class="title_left">
	        	<h3>Student Attendance</h3>
	      	</div>
	    </div>
	<div class="block">
		<div class="row">
			<div class="col-sm-12">
				<div class="container">
						<div class="btn-group" style="margin-bottom: 5px">
							<form id="form1" class="form-horizontal form-label-left" method="post" action="{!! URL::to('trainerFilterList') !!} "  role="form">
							<button class="btn btn-info btn-xs dropdown-toggle" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" title="Select Batch">Select Batch</button>
							<ul class="dropdown-menu">
								@foreach($batchs as $batch)
								<li style="margin-left: 10px">
									<input type="checkbox" class="batch" name="batches[]" value="{{$batch->id}}" />  {{$batch->batch_name}}
								</li>
								<br>
								@endforeach
							</ul>
							<input type="submit" class="btn btn-xs btn-success btn-rounded" value="Filter">
							{{ csrf_field() }}
							</form>
						</div>
							<form id="form1" class="form-horizontal form-label-left" method="post" action="{!! URL::to('trainerStudentAttendance') !!} " data-toggle="validator" role="form" autocomplete="off">
						<div class="row">
							<div class="col-sm-2">
								<select class="form-control" id="type" name="type" required>
									<option value="">Select Type</option>
									@foreach ($classes as $class)
									<option value="{!!$class->id!!}">{!!$class->class_name!!}</option>
									@endforeach
								</select>
								<div class="help-block with-errors"></div>
							</div>
							<div class="col-sm-2">
								<input type="text" id="datepicker" class="form-control" name="class_date" placeholder="Select Date" value="">
								<div class="help-block with-errors"></div>
							</div>
							<div class="col-sm-2">
								<input type="text"  class="form-control" id="class_topic" name="class_topic" placeholder="Enter Class Topic">
								 <div class="help-block with-errors"></div>
							</div>
						</div>
						<div class="ln_solid"></div>
							<table class="table table-striped table-bordered dt-responsive nowrap datatable-responsive jambo_table" cellspacing="0" width="100%">
								<thead>
									<tr>
										<th>S No</th>
										<th>Candidate Name</th>
										<th>Batch</th>
										<th>Status</th>
									</tr>
								</thead>
								<tbody>
																	</tbody>
				 			</table>
						<div class="col-md-12">
							<div class="container-fluid text-right">
								<input type="submit" class="btn btn-xs btn-success btn-rounded" id="update" name="update" value="Update"/>
							</div>
						</div>
					{{ csrf_field() }}
					</form>
				</div>
			</div>
		</div>
	</div>
   </div>
</div>

<script type="text/javascript">
	$(document).ready(function(){
	$('#datepicker').daterangepicker({
	  	singleDatePicker: true,
	  	singleClasses: "picker_4",
	  	locale: {
			format: 'DD-MMM-YYYY'
	  	},
	  	maxDate: new Date(),
	  	showDropdowns: true,
	  	cancelLabel: 'Clear'
	}, function(start, end, label) {
	  	console.log(start.toISOString(), end.toISOString(), label);
	});
  });
</script>
@stop