@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">Result</h3>
			</div>
			<div class="panel-body">
				@include ('Layouts.FormValidationErrors')
				@include ('Layouts.ErrorSuccessAndWarninMessages')

				<form class="form-horizontal" role="form" id="ShowIDInputFrm">
					@csrf

					<div class="form-group form-group-sm">
						<label for="StudentID" class="col-sm-1 control-label text-danger">Student ID</label>
						<div class="col-sm-3">
							<input type="text" class="form-control Year" id="student-id" name="student_id" placeholder="Student ID">
						</div>

						@include ('includes.exam_type_names', ['labelColWidth' => 1, 'fieldColWidth' => 3])

						@include ('includes.academic_years', ['labelColWidth' => 1, 'fieldColWidth' => 3])
					</div>
					<div class="form-group form-group-sm">
						<div class="col-sm-12">
							<a type="button" class="btn btn-primary btn-sm btn-block" id="show-result">
								<i class="fa fa-list" aria-hidden="true"></i> Show Result
							</a>
						</div>
					</div>
				</form>

				<div id="ShowIDResult"></div>
			</div>
		</div>
	</div>
</div>

<script type="text/javascript">
	$(document).ready(function () {
		$(document).on('click', '#show-result', function () {
			var student_id = $("#student-id").val();
			var exam_type = $("#exam_type").val();
			var academic_year = $("#academic_year").val();
			if(student_id && exam_type && academic_year) {
				var link = baseURL + "/!/Result/ResultByStudentID/view/" + student_id + "/" + exam_type + "/" + academic_year;

				$(this).attr("href", link);
				$(this).attr("target", "_blank");
			} else {
				Swal.fire({
			    type: 'warning',
			    title: 'Warning!',
			    text: 'Please select mendatory fields!'
			  });
			}

		});
	});
</script>

@endsection