@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">
					<strong>Teacher's Privilege

						@if (\App\Models\Permission::checkLinkPermission('TeacherPrivilegeController', 'Settings', 'assignedSubjects'))
							<a class="btn btn-sm btn-primary pull-right" href="{{ route('LoggedIn.Settings.TeacherPrivilege.assignedSubjects') }}">
								<i class="fa fa-alt"></i> Assigned Subjects To Teacher Report
							</a>
						@endif
					</strong>
				</h6>
			</div>
			<div class="panel-body">
				@include ('Layouts.FormValidationErrors')
				@include ('Layouts.ErrorSuccessAndWarninMessages')

				<form class="form-horizontal">
					@csrf

					<div class="form-group form-group-sm">
						<label for="teacher-id" class="col-sm-1 control-label text-danger">Teacher</label>
						<div class="col-sm-11">
							<select class="form-control" id="teacher-id"  name="teacher_id">
								<option value="">----- Teacher -----</option>
                @if ($teachers->isNotEmpty())
                  @foreach ($teachers as $teacher)
                    <option value="{{ $teacher->user_id }}">
											{{ $teacher->full_name }} --- {{ $teacher->username }}
										</option>
                  @endforeach
                @endif
							</select>
						</div>
						<div class="col-sm-4">
						</div>
					</div>
				</form>
			</div>
		</div>
	</div>
</div>

<div class="row">
	<div class="col-md-12">
		<div id="get-subjects-lists"></div>
	</div>
</div>

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

		$(document).on('change', "#teacher-id", function () {
			var teacher_id = $(this).val() || 0;

			if (teacher_id) {
				$.ajax({
					type: "GET",
					url: baseURL + '/!/Settings/TeacherPrivilege/get_subjects/' + teacher_id,
					success: function (response) {
						$('#get-subjects-lists').html(response);
					}
				});
			} else {
				$('#get-subjects-lists').html('');
			}
		});

		$(document).on('submit', 'form', function () {
			$.ajax({
				type: "POST",
				url: baseURL + '/!/Settings/TeacherPrivilege/assign_subject',
				data: $(this).serialize(),
				success: function (response) {
					$('#get-subjects-lists').html(response);
				}
			});
			return false;
		});

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

			if (param) {
				$.ajax({
					type: 'POST',
					url: baseURL + '/!/Settings/TeacherPrivilege/update_status',
					data: {'_token': token, 'param': param},
					success: function (response) {
						$('#get-subjects-lists').html(response);
					}
				});
			}
		});

		$(document).on('click', '.deleteSubject', function () {
			var assigned_id = $(this).data('id');
			var token = @json(csrf_token());

			if (confirm('Are you sure?')) {
				$.ajax({
					type: 'POST',
					url: baseURL + '/!/Settings/TeacherPrivilege/Delete/' + assigned_id,
					data: {'_token': token, 'assigned_id': assigned_id},
					success: function (response) {
						$('#get-subjects-lists').html(response);
					}
				});
			}
		});
	});
</script>

@endsection