sipadu_mbip/resources/views/main-dashboard/team/staff_edit.blade.php

@extends('layout.master', ['uid' => $user->_id, 'token' => $user->token_firebase])
@section('page_title', 'Kompaun')
@section('sub_page_title', '')
@section('name', $user->StaffDetail->full_name)
@section('img_profile', $user->StaffDetail->profile_img)

@section('content')
<style type="text/css">
	select.form-control, select.form-control:focus, select.form-control:hover { 
		border: 1px solid #ccc !important;
		height: auto !important;
	}

	.panel-group .panel {
	    margin-bottom: 0;
	    overflow: hidden;
	    border-radius: 4px;
	}
	.panel-default {
    	border-color: #ddd;
	}
	.panel-default>.panel-heading {
	    color: #333;
	    background-color: #f5f5f5;
	    border-color: #ddd;
	}
	.panel-title {
	    margin-top: 0;
	    margin-bottom: 0;
	    font-size: 16px;
	    color: inherit;
	}

	.panel-body .table>thead>tr>th, .panel-body .table>tbody>tr>th, .panel-body .table>tfoot>tr>th, .panel-body .table>thead>tr>td, .panel-body .table>tbody>tr>td, .panel-body .table>tfoot>tr>td , .panel-body div{
	    padding: 8px 15px;
	    line-height: 1.428571429;
	    vertical-align: top;
	    border-top: 1px solid #ddd;
	}
	.glyphicon { margin-right:10px; }
	.panel-body { padding:0px; }
	.panel-body table tr td { padding-left: 15px }
	.panel-body table tr td a:hover , .panel-body div a:hover{ color: #d84315 !important; }
	.panel-body .table, .panel-body div {margin-bottom: 0px; }

	.active { color: #d84315; }
	.active:hover { color: #d84315; }
</style>

<div class="inner-page">
	<div class="row">
		<div class="col-md-12">
			<div class="fluid">
				@if(count($errors) > 0)
				<div class="alert alert-danger icons-alert">
					@foreach($errors->all() as $error)
					<p>{{$error}}</p>
					@endforeach
				</div>
				@endif

				@if(Session::get('error_msg'))
				<div class="alert alert-danger icons-alert">
					{!! Session::get('error_msg') !!}
				</div>
				@elseif(Session::get('success_msg'))
				<div class="alert alert-success icons-alert">
					{!! Session::get('success_msg') !!}
				</div>
				@endif
			</div>
		</div>
	</div>

	<div class="row">
		
		<div class="col-xl-2 col-md-12">
			<div class="panel panel-default">
				<div class="panel-heading">
					<h4 class="panel-title"> Navigasi </h4>
				</div>

				<div class="panel-body">
					<div>
						<a href="{{ url('/main/staff/index') }}">Senarai Kakitangan</a>
					</div>
					<div>
						<a href="{{ url('/main/staff/add') }}">Tambah Kakitangan</a>
					</div>
				</div>
			</div>
		</div>

		<div class="col-xl-10 col-md-12">
			<form action="{{ url('/main/staff/request/edit') }}" class="main cussPayment" method="POST" enctype="multipart/form-data">
				<input type="hidden" name="_token" id="csrf-token" value="{{ Session::token() }}" />
				<input type="hidden" name="_id" id="_id" value="{{ $staff->_id }}" />
				<div class="row">
					<div class="col-sm-12">
						<div class="card">
							<div class="card-header">
								<h5>Maklumat Kakitangan <code>(No.Badan: {{ $staff->no_badan }})</code></h5>
							</div>
							<div class="card-block">
								<div class="row clearfix">
									<div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
										<label for="subject"><b>Profil Gambar</b></label>
										<div class="form-group">
											<div class="form-line">
												<input type="file" id="profil" name="profil" class="form-control">
											</div>
										</div>
									</div>
									<div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
										<label for="subject"><b>Nama Penuh <code>*</code></b></label>
										<div class="form-group">
											<div class="form-line">
												<input type="text" id="nama" name="nama" class="form-control" value="{{ $staff->full_name }}" required>
											</div>
										</div>
									</div>
								</div>						
								<div class="row clearfix">
									<div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
										<label for="subject"><b>Kad Pengenalan <code>*</code></b></label>
										<div class="form-group">
											<div class="form-line">
												<input type="text" id="pengenalan" name="pengenalan" class="form-control" value="{{ $staff->identity }}" required>
											</div>
										</div>
									</div>						
									<div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
										<label for="subject"><b>Telefon <code>*</code></b></label>
										<div class="form-group">
											<div class="form-line">
												<input type="text" id="telefon" name="telefon" class="form-control" value="{{ $staff->mobile }}" required>
											</div>
										</div>
									</div>							
								</div>
								<hr style="border-top: 2px dotted #8c8b8b;">		
								<div class="row clearfix">
									<div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
										<label for="subject"><b>Jabatan <code>*</code></b></label>
										<div class="form-group">
											<div class="form-line">
												<select id="jabatan" name="jabatan[]" class="js-department-multiple col-sm-12 select2-hidden-accessible" multiple="" tabindex="-1" aria-hidden="true" required="">
													<option value="">Sila pilih jabatan</option>
													@foreach($department as $d)
														@if(in_array($d->_id, (array)$staff->department_ids)) {
															<option selected value="{{ $d->_id }}">[{{$d->jbkod}}] {{$d->jnama}}</option>
														@else
														<option value="{{ $d->_id }}">[{{$d->jbkod}}] {{$d->jnama}}</option>
										            	@endif
									            	@endforeach
												</select>
											</div>
										</div>
									</div>
									<div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
										<label for="subject"><b>Jawatan Ahli <code>*</code></b></label>
										<div class="form-group">
											<div class="form-line">
												<select id="jawatan" name="jawatan" class="form-control" required>
													<option value="">Sila pilih jawatan</option>
													@if ($staff->roles_access == "Ketua Jabatan")
													    <option selected value="Ketua Jabatan">Ketua Jabatan</option>
													    <option value="Pegawai">Pegawai</option>
														<option value="PenguatKuasa">PenguatKuasa</option>
													@elseif($staff->roles_access == "Pegawai")
														<option value="Ketua Jabatan">Ketua Jabatan</option>
													  	<option selected value="Pegawai">Pegawai</option>
														<option value="PenguatKuasa">PenguatKuasa</option>
													@elseif($staff->roles_access == "PenguatKuasa")
														<option value="Ketua Jabatan">Ketua Jabatan</option>
													  	<option value="Pegawai">Pegawai</option>
													   <option selected value="PenguatKuasa">PenguatKuasa</option>
													@else
														<option value="Ketua Jabatan">Ketua Jabatan</option>
														<option value="Pegawai">Pegawai</option>
														<option value="PenguatKuasa">PenguatKuasa</option>
													@endif
												</select>
											</div>
										</div>
									</div>
								</div>						
								<div class="row clearfix">
									<div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
										<label for="subject"><b>Gred Jawatan <code>*</code></b></label>
										<div class="form-group">
											<div class="form-line">
												<input type="text" id="gred" name="gred" class="form-control" value="{{ $staff->gred }}" required>
											</div>
										</div>
									</div>
									<div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
										<label for="subject"><b>No. Badan <code>*</code></b></label>
										<div class="form-group">
											<div class="form-line">
												<input type="text" id="badan" name="badan" class="form-control" value="{{ $staff->no_badan }}" required>
											</div>
										</div>
									</div>															
								</div>	
								<div class="row clearfix"  id="modules">
									<div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
										<label for="subject"><b>Kategori Modul <code>*</code></b></label>
										<code>Untuk peringkat awal ini, sila pilih kategori modul Kompaun untuk pegawai akses</code>
										<div class="form-group">
											<div class="form-line">
												<select id="modul" name="modul[]" class="js-compound-multiple col-sm-12 select2-hidden-accessible" multiple="" tabindex="-1" aria-hidden="true">
													@if(!empty($staff->roles_ids))
														@foreach($roles as $r)
															@if(in_array($r->_id, (array)$staff->roles_ids)) {
																<option value="{{ $r->kod }}" selected>{{ $r->name }}</option>
															@else
																<option value="{{ $r->kod }}">{{ $r->name }}</option>
															@endif
														@endforeach
													@else
														@foreach($roles as $r)
														<option value="{{ $r->kod }}">{{ $r->name }}</option>
														@endforeach
													@endif
												</select>
											</div>
										</div>
									</div>
									<div class="col-lg-6 col-md-6 col-sm-12 col-xs-12"></div>															
								</div>
								@if($user->no_badan == 'developer' || $user->roles_access == 'Ketua Jabatan')	
								<div class="row clearfix">
									<div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
										<label for="subject"><b>Kata-Laluan</b></label>
										<div class="form-group">
											<div class="form-line">
												<input type="text" id="password" name="password" class="form-control" value="">
												<code>Sila biarkan kosong jika tidak perlu | minimum 8</code>
											</div>
										</div>
									</div>
									<div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
										<label for="subject"><b>Tulis Semula Kata Laluan</b></label>
										<div class="form-group">
											<div class="form-line">
												<input type="text" id="password_confirmation" name="password_confirmation" class="form-control" value="">
												<code>Sila biarkan kosong jika tidak perlu | minimum 8</code>
											</div>
										</div>
									</div>															
								</div>
								@endif		
								<hr>
								<div class="row clearfix">
									<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
										<button type="submit" name="hantar" id="hantar" class="btn btn-sm btn-outline-danger waves-effect f-right"> Kemaskini Rekod Kakitangan</button>
									</div>
								</div>										
							</div>
						</div>
					</div>
				</div>
			</form>
		</div>
	</div>
</div>
@endsection

@section('external_js')

<script type="text/javascript">
	$.ajaxSetup({
		headers: {
			'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
		}
	});

	$(document).ready(function() {

		var position = '{{ $staff->roles_access }}';

		if(position == "Pegawai"){
			var role = '<?php echo $roles ?>';
			if(role != 'null') {
				var roleArray = JSON.parse(role);
				console.log(roleArray);
				$.each(roleArray, function (index, value) {
					console.log(value.kod);
				    $("input[type='checkbox'][value=" + value.kod + "]").prop("checked", true);
				});
			}
			$('#modules').show();
			$("#modul").prop("checked", true);
		}else{
			$('#modules').hide();
			$("#modul").prop("checked", false);
		}

		var origin   = window.location.origin; 

		$(".theme-loader").animate({
			opacity: "0"
		},1000);
		
		setTimeout(function() {
			$(".theme-loader").remove();
		}, 800);

		$('[data-toggle="tooltip"]').tooltip();

		$('#jawatan').change(function(){
			if( $(this).val()=="Pegawai"){
				$('#modules').show();
			}
			else {
				$('#modules').hide();
			}
		});

		// Multi Select
    	$(".js-compound-multiple").select2();
    	$(".js-department-multiple").select2();
	});
</script>
@endsection