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

					<div class="form-group form-group-sm">
						<label for="branch_name" class="col-sm-1 control-label text-right">Branch</label>
						<div class="col-sm-2">
							<select id="branch_name" name="Branch" class="form-control" style="width: 100%;">
								<option value="">--- Select ---</option>
								<option value="2">Mohammadpur</option>
								<option value="1">Malibagh</option>
								<option value="3">Banasree</option>
							</select>
						</div>

						<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 Branch = $('#branch_name').val();
		var HomeworkDateFrom = $('#HomeworkDateFrom').val();
		var HomeworkDateTo = $('#HomeworkDateTo').val();

		if(Branch && HomeworkDateFrom && HomeworkDateTo){
			$.ajax({
				type: 'POST',
				url: baseURL + '/!/Task/HomeworkDefaulter/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