@extends ('Layouts.Application')

@section ('MainContent')

<div class="row">
	<div class="col-sm-12">
		<div class="panel panel-default">
			<div class="panel-heading">
				<strong>Class Routine</strong>
			</div>

			<div class="panel-body">
				@include ('Layouts.FormValidationErrors')
				@include ('Layouts.ErrorSuccessAndWarninMessages')

				<form class="form-horizontal" id='class_routine_view_form' onsubmit="return false;" >
					@csrf

					<div class="form-group form-group-sm">
						@include (
							'includes.branch_shift_version_names',
							['branchVersionString' => $branchVersionString, 'fieldColWidth' => 2, 'required' => true]
						)

						@include ('includes.class_names', ['labelColWidth' => 1, 'fieldColWidth' => 2])

						@include ('includes.group_names', ['labelColWidth' => 1, 'fieldColWidth' => 2])

						@include ('includes.academic_years', ['labelColWidth' => 1, 'fieldColWidth' => 2])
					</div>

					<div class="form-group form-group-sm">
						@include ('includes.section_names', ['labelColWidth' => 1, 'fieldColWidth' => 2])
					</div>

					<div class="form-group form-group-sm">
						<div class="col-sm-12">
							<button type="button" id='class_routine_view_submit' class="btn btn-primary btn-sm btn-block">
								<i class="fa fa-search" aria-hidden="true"></i> Search
							</button>
						</div>
					</div>
				</form>
			</div>

			<div id="class_routine_view_table"></div>
		</div>
	</div>
</div>

<script>
$(function () {
	$(document).on('click', '#class_routine_view_submit', function () {
		$.ajax({
			url: baseURL + '/!/Task/ClassRoutine/section_view',
			type: 'POST',
			data: $('#class_routine_view_form').serialize(),
			success: function (response) {
				$('#class_routine_view_table').html(response);
			}
		});
	});
});
</script>

@endsection