@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">Coordinator Privilege</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="UserId" class="col-sm-1 control-label text-danger">User</label>
						<div class="col-sm-11" id="GetTeachersByInstituteBranchVersionID">
							<select class="form-control" id="UserId"  name="UserId">
								<option value="">----- User -----</option>
									@if ($allUser->isNotEmpty())
										@foreach ($allUser as $user)
											<option value="{{ $user->user_id }}">
												{{ $user->full_name }} --- {{ $user->username }}
											</option>
										@endforeach
									@endif
							</select>
						</div>
					</div>
				</form>
			</div>
		</div>
	</div>
</div>

@if (\App\Models\Permission::checkLinkPermission('SubjectCoordinateController', 'Settings', 'getNewPrivilegeForm'))
	<div class="row">
		<div class="col-md-12">
			<div id="GetNewPrivilegeForm"></div>
		</div>
	</div>
@endif

<div class="row">
	<div class="col-md-12">
		<div class="table-responsive">
			<table class="table table-bordered table-striped table-condensed" id="assignedUserPrivileges">
				<thead>
					<tr>
						<th>Sl.</th>
						<th>Name</th>
						<th>Username</th>
						<th>Action</th>
					</tr>
				</thead>
				<tbody>
					@if ($assignedUserPrivileges->isNotEmpty())
						@foreach ($assignedUserPrivileges as $key => $ap)
							<tr>
								<td>{{ $key + 1 }}</td>
								<td>{{ $ap->user->full_name }}</td>
								<td>{{ $ap->user->username }}</td>
								<td>
									<a href="{{ route('LoggedIn.Settings.SubjectCoordinatorPrivilege.viewUserCoordinatedDetails', ['user_id' => $ap->user_id]) }}"
										class="btn btn-success"
									>
										<i class="fa fa-eye"></i> View/Change Privileges
									</a>
								</td>
							</tr>
						@endforeach
					@else
						<tr>
							<td colspan="4">
								<h3 class="text-center">No Data Found!</h3>
							</td>
						</tr>
					@endif
				</tbody>
			</table>
		</div>
	</div>
</div>

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

		$("#UserId").on('change', function () {
			var userId = $(this).val() || 0;

			if (userId) {
				$.ajax({
					type: "GET",
					url: baseURL + '/!/Settings/SubjectCoordinatorPrivileges/GetNewPrivilegeForm/' + userId,
					success: function (response) {
						$('#GetNewPrivilegeForm').html(response);
					}
				});
			} else {
				$('#GetNewPrivilegeForm').html('');
			}
		});
	});
</script>

@endsection