@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">Homework Report</h3>
			</div>
			<div class="panel-body">
				<form class="form-horizontal" id="HomeworkDefaulterForm">
					@csrf

					<div class="form-group form-group-sm">
						<label for="HomeworkDateFrom" class="col-sm-1 control-label text-danger">From</label>
						<div class="col-sm-3">
							<input type="text" class="form-control datepicker" id="HomeworkDateFrom" name="HomeworkDateFrom">
						</div>
						<label for="HomeworkDateTo" class="col-sm-1 control-label text-danger">To</label>
						<div class="col-sm-3">
							<input type="text" class="form-control datepicker" id="HomeworkDateTo" name="HomeworkDateTo">
						</div>
					</div>

					<div class="form-group form-group-sm">
						<div class="col-sm-12">
							<button class="btn btn-primary btn-block" type="button" id="ShowHomeworkDefaulter">
								<i class="fa fa-list"></i> View Reports
							</button>
						</div>
					</div>
				</form>
			</div>
		</div>
	</div>
</div>

<div class="row">
	<div class="col-md-12">
		<div id="GetHomeworkDefaultersByBranchID"></div>
	</div>
</div>

<script>
	$(document).ready(function () {
		$(document).on('click', '#ShowHomeworkDefaulter', function () {
			var HomeworkDateFrom = $('#HomeworkDateFrom').val();
			var HomeworkDateTo = $('#HomeworkDateTo').val();

			if(HomeworkDateFrom && HomeworkDateTo){
				$.ajax({
					type: 'POST',
					url: baseURL + '/!/Task/HomeworkReport/View',
					data: $("#HomeworkDefaulterForm").serialize(),
					success: function (response) {
						$('#GetHomeworkDefaultersByBranchID').html(response);
					}
				});
			} else {
			  Swal.fire({
			    type: 'warning',
			    title: 'Warning!',
			    text: 'Please select mendatory fields!'
			  });
			}
		});
	});

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

@endsection