@extends ('Layouts.Application')

@section ('MainContent')

<div class="row">
	<div class="col-sm-12">
		<div class="panel panel-default">
			<div class="panel-heading">
				<h6 class="panel-title">Class Teacher</h6>
			</div>
			<div class="panel-body">
				@include ('Layouts.FormValidationErrors')
				@include ('Layouts.ErrorSuccessAndWarninMessages')

				<form class="form-horizontal">
					@csrf
					@include ('includes.branch_shift_version_names_radio_box')

					@if (\App\Models\Permission::checkLinkPermission('ClassTeacherController', 'Settings', 'AssignedClassTeachersToTeacherID'))
						<div class="form-group form-group-sm">
							<label for="TeacherId" class="col-sm-1 control-label text-danger">Teacher</label>
							<div class="col-sm-11" id="teacher-list" style="margin-top: 10px;">
								<select class="form-control" id="TeacherId"  name="TeacherId">
									<option value="">----- Teacher -----</option>
								</select>
							</div>
						</div>
					@endif
				</form>
			</div>
		</div>
	</div>
</div>

<div class="row">
	<div class="col-md-12">
		<div id="assign-class-teacher-list"></div>
	</div>
</div>

<script type="text/javascript">
$(document).ready(function () {
	$("#TeacherId").select2();

	$(document).on('click', "input[name='branch_and_version']", function () {
		var branch_and_version = $('input:radio[name=branch_and_version]:checked').val() || 0;

		if (branch_and_version) {
			$.ajax({
				type: "GET",
				url: baseURL + '/!/Settings/ClassTeacher/get_teachers/' + branch_and_version,
				success: function (response) {
					$('#teacher-list').html(response);
				}
			});

			$.ajax({
				type: "GET",
				url: baseURL + '/!/Settings/ClassTeacher/get_class_teachers/' + branch_and_version,
				success: function (response) {
					$('#assign-class-teacher-list').html(response);
				}
			});
		} else {
			$('#teacher-list').html('<select class="form-control" id="TeacherId"> <option value="">----- Teacher -----</option></select>');
			$('#assign-class-teacher-list').html('');
		}
	});

	$(document).on('change', "#TeacherId", function () {
		var teacher_id = $(this).val() || 0;
		var branch_and_version = $('input:radio[name=branch_and_version]:checked').val() || 0;

		if (teacher_id && branch_and_version) {
			$.ajax({
				type: "GET",
				url: baseURL + '/!/Settings/ClassTeacher/get_assigned_class_teachers/' + teacher_id + '/' + branch_and_version,
				success: function (response) {
					$('#assign-class-teacher-list').html(response);
				}
			});
		} else {
			$.ajax({
				type: "GET",
				url: baseURL + '/!/Settings/ClassTeacher/get_class_teachers/' + branch_and_version,
				success: function (response) {
					$('#assign-class-teacher-list').html(response);
				}
			});
		}
	});

	$(document).on('submit', 'form', function () {
		$.ajax({
			type: "POST",
			url: baseURL + '/!/Settings/ClassTeacher/assign_class_teacher',
			data: $(this).serialize(),
			success: function (response) {
				$('#assign-class-teacher-list').html(response);
			}
		});
		return false;
	});

	$(document).on('click', '.UpdateStatus', function () {
		var param = $(this).attr('id');
		var csrf_token = @json(csrf_token());

		if (param) {
			$.ajax({
				type: 'POST',
				url: baseURL + '/!/Settings/ClassTeacher/update_status',
				data: {'_token': csrf_token, 'param' : param},
				success: function (response) {
					$('#assign-class-teacher-list').html(response);
				}
			});
		}
	});

	$(document).on('change', '#Class', function () {
		var class_id = $('#Class').val() || 0;
		var teacher_id = $('#TeacherId').val() || 0;

		if (class_id && teacher_id) {
			$.ajax({
				type: 'GET',
				url: baseURL + '/!/Settings/ClassTeacher/get_groups/' + class_id + '/' + teacher_id,
				success: function (response) {
					$('#Groups').html(response);
				}
			});
		} else {
			$('#Groups').html('<select name="Group" class="form-control" id="Group"><option value="">----- Select ------</option></select>');
		}
	});

	$(document).on('change', '#Group', function () {
		var class_id = $('#Class').val() || 0;
		var teacher_id = $('#TeacherId').val() || 0;
		var group_id = $('#Group').val() || 0;

		if (class_id && group_id && teacher_id) {
			$.ajax({
				type: 'GET',
				url: baseURL + '/!/Settings/ClassTeacher/get_sections/' + class_id + '/' + group_id + '/' + teacher_id,
				success: function (response) {
					$('#Sections').html(response);
				}
			});
		} else {
			$('#Sections').html('<select name="Section" class="form-control" id="Section"><option value="">----- Select ------</option></select>');
		}
	});
});
</script>

@endsection