@extends ('Layouts.Application')

@section ('MainContent')

<div class="row">
	<div class="col-sm-12">
		<div class="panel panel-default">
			<div class="panel-heading">
				<h3 class="panel-title">Teacher Attendance</h3>
			</div>
			<div class="panel-body">
				<form class="form-horizontal">
					@csrf

					<div class="form-group form-group-sm">
						@include ('includes.branch_shift_version_names_radio_box', ['required' => true])
					</div>
					<div class="form-group form-group-sm">
						<label for="date" class="col-sm-1 control-label text-danger">Date</label>
						<div class="col-sm-3">
							<input type="text" class="form-control datepicker" id="date" name="date">
						</div>
					</div>
					<div class="form-group form-group-sm">
						<div class="col-sm-12">
							<button class="btn btn-primary btn-block" type="button" id="show-teachers-button">
								<i class="fa fa-list"></i> View Teachers
							</button>
						</div>
					</div>
				</form>
			</div>
		</div>
	</div>
</div>

<div class="row">
	<div class="col-md-12">
		<div id="get-teacher-list"></div>
	</div>
</div>

<script>
$(document).ready(function () {
	$(document).on('click', '#show-teachers-button', function () {
		var branch_and_version = $('input:radio[name=branch_and_version]:checked').val() || 0;
		var date = $('#date').val();

		if (branch_and_version && date) {
			$.ajax({
				type: 'GET',
				url: baseURL + '/!/Attendance/Teacher/get_teachers/' + branch_and_version + '/' + date,
				success: function (response) {
					$('#get-teacher-list').html(response);
				}
			});
		}
	});

	$('#get-teacher-list').on('change', '.attendance_type', function () {
			$(".teacher_attendance").each(function(index, field) {
				 $(field).removeAttr('checked');
			});

			$("." + $(this).val()).each(function(index, field) {
				 $(field).attr('checked', true);
			});
	});

	$(document).on('submit', 'form', function () {
		$.ajax({
			type: 'POST',
			url: baseURL + '/!/Attendance/Teacher/save_attendance',
			data: $(this).serialize(),
			success: function (response) {
				$('#get-teacher-list').html(response);
			}
		});
		return false;
	});

	$('.datepicker').datepicker({
		format: 'dd-mm-yyyy',
		autoclose: true,
		todayHighlight : true
	});
});
</script>

@endsection