@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">Teachers with assigned suject</h3>
			</div>
			<div class="panel-body">
				<form class="form-inline" id='teacher_view_form'>
					@include ('includes.branch_names', ['labelColWidth' => 1, 'fieldColWidth' => 2])

					@include ('includes.branch_shift_version_names', ['labelColWidth' => 2, 'fieldColWidth' => 3])

					<button class="btn btn-primary btn-sm" type="button" id="view_subjects">
						<i class="fa fa-list"></i> View teachers with assigned sujects
					</button>
				</form>
			</div>

			<div id="teacher_view_table"></div>
		</div>
	</div>
</div>

<script>
	$(document).on('click', "#view_subjects", function () {
		var branchId = $("#branch").val() || 0;
		var branch_and_version_id = $("#branch_and_version").val() || 0;
		var token = @json(csrf_token());

		if (branch_and_version_id) {
			$.ajax({
				type: 'POST',
				url: baseURL + '/!/Settings/TeacherPrivilege/view_assigned_subjects',
				data: {'_token': token, 'branch_id': branchId, 'branch_and_version': branch_and_version_id}
			}).done(function(response) {
				$("#teacher_view_table").html(response);
			});
		} else {
			alert('Please select a shift!');
		}
	});
</script>

@endsection