@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;
	}
	.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; }

	.glyphicon { margin-right:10px; }
	.active { color: #d84315; }
	.active:hover { color: #d84315; }


	#custom table {
		table-layout:fixed !important;
		border-collapse: collapse !important;
		width: 100%;
		word-wrap:break-word !important;
	}
	#custom td, #custom th {
	    border-top: 1px solid #dee2e6;
	    border-bottom: 1px solid #dee2e6;
	}
	.longtext{
		word-wrap: break-word !important;
  		word-break: break-word !important;
  		padding: 0.6rem 2rem;
	}
</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"> Maklumat Terperinci </h4>
				</div>

				<div class="panel-body">
					@if($compound->status == 'Belum Bayar')
					<div><a href="{{ url('main/compound') }}/{{ $compound->kpd }}/index" class="{{ Request::is('main/compound/*/index') ? 'active' : '' }}">Garis Masa/Sejarah</a></div>
					<div><a href="{{ url('/main/compound') }}/{{$compound->kpd}}">Kompaun</a></div>
						@if($compound->modul == '04')
						<!-- <div><a href="{{ url('/main/compound') }}/{{$compound->kpd}}/investigation" class="{{ Request::is('main/compound/*/investigation') ? 'active' : '' }}">Pengesahan Kompaun</a></div> -->
						<div><a href="{{ url('/main/compound') }}/{{$compound->kpd}}/memo" class="{{ Request::is('main/compound/*/memo') ? 'active' : '' }}">Memo/Nota</a></div>
						@elseif($compound->modul == '05')
						<div><a href="{{ url('/main/compound') }}/{{$compound->kpd}}/notice" class="{{ Request::is('main/compound/*/notice') ? 'active' : '' }}">Notis Amaran</a></div>
						<div><a href="{{ url('/main/compound') }}/{{$compound->kpd}}/memo" class="{{ Request::is('main/compound/*/memo') ? 'active' : '' }}">Memo/Nota</a></div>
						@elseif($compound->modul == '06')
						<div><a href="{{ url('/main/compound') }}/{{$compound->kpd}}/inventory" class="{{ Request::is('main/compound/*/inventory') ? 'active' : '' }}">Inventori</a></div>
						<div><a href="{{ url('/main/compound') }}/{{$compound->kpd}}/memo" class="{{ Request::is('main/compound/*/memo') ? 'active' : '' }}">Memo/Nota</a></div>
						@elseif($compound->modul == '07')
						<div><a href="{{ url('main/compound') }}/{{$compound->kpd}}/inventory/auction" class="{{ Request::is('main/compound/*/inventory/auction') ? 'active' : '' }}">Jualan Lelong</a></div>
						<div><a href="{{ url('/main/compound') }}/{{$compound->kpd}}/memo" class="{{ Request::is('main/compound/*/memo') ? 'active' : '' }}">Memo/Nota</a></div>
						@endif
					<div><a target="_blank" href="{{ url('/main/compound') }}/{{$compound->kpd}}/pdf">Cetak/Papar PDF</a></div>
					<div><a href="{{ url('/main/compound') }}/{{$compound->kpd}}/task" class="{{ Request::is('main/compound/*/task') ? 'active' : '' }}">Serahan Modul/PenguatKuasa</a></div>
					@elseif($compound->status == 'Berbayar')
					<div><a href="{{ url('main/compound') }}/{{ $compound->kpd }}/index" class="{{ Request::is('main/compound/*/index') ? 'active' : '' }}">Garis Masa/Sejarah</a></div>
					<div><a href="{{ url('/main/compound') }}/{{$compound->kpd}}" class="{{ Request::is('main/compound/*') ? 'active' : '' }}">Kompaun</a></div>
					<div><a target="_blank" href="{{ url('/main/compound') }}/{{$compound->kpd}}/pdf">Cetak/Papar PDF</a></div>
					@endif
				</div>
			</div>
		</div>

		<div class="col-xl-10 col-md-12">
			<div class="row">
				<div class="col-md-12">
					<div class="card">
						<div class="card-header">
							@if(empty($role))
							<h5 class="card-header-text">
								Serahan Modul / Tugasan [ No.Kompaun : <code>{{ $compound->kpd }}</code> | No.Siri : <code>{{ $file->no_siri }}</code> | Modul: <code>-</code>]
							</h5>
							@else
							<h5 class="card-header-text">
								Serahan Modul / Tugasan [ No.Kompaun : <code>{{ $compound->kpd }}</code> | No.Siri : <code>{{ $file->no_siri }}</code> | Modul: <code>{{ $role->name }}</code>]
							</h5>
							@endif
							<span><code>Perhatian!!</code> Untuk langkah seterusnya, sila tetapkan <code>kategori modul</code> untuk 'dashboard' dan memilih penguatkuasa di <code>kategori penguatkuasa</code> untuk memberi tugasan melalui 'mobile apps'</span>
						</div>
					</div>
				</div>
			</div>

			<form method="POST" action="{{ url('/main/compound/update/action') }}" enctype="multipart/form-data">
				<div class="row">
					<div class="col-lg-12 col-md-12">
						<div class="card">
							<div class="card-header">
								<h5>Serahan Kompaun Kepada Pegawai</h5>
							</div>
							<div class="card-block">
								<input type="hidden" name="_token" value="<?php echo csrf_token(); ?>">
								<input type="hidden" name="kpd" value="{{ $compound->kpd }}">
								<input type="hidden" name="dashboard" value="true">
								<div class="row">
									<div class="col-lg-12 col-md-12">
										<div class="form-group form-primary">
											<label class="float-label"><b>Kategori Modul <code>('dashboard')</code></b></label>
											<select id="kategori_modul" name="kategori_modul" class="form-control" required>
												<option value="">Pilih Kategori Modul</option>
												@foreach($roles as $r)
													@if($r->kod != $compound->modul)
														<option value="{{ $r->kod }}">{{ $r->name }}</option>
													@endif
												@endforeach
											</select>
											<span class="form-bar"></span>
											<code>Sila pilih modul untuk meneruskan tugasan seterusnya!</code>
										</div>
									</div>
								</div>
								<hr>
								<div class="md-group-add-on"></div>
								<div class="f-right">
									<button type="submit" class="btn btn-sm btn-outline-danger waves-effect waves-light">Serahan Tugas Kepada Pegawai</button>
								</div>
							</div>
						</div>
					</div>
				</div>
			</form>

			@if(!isset($compound->tarikh_mahkamah)){
				<form method="POST" action="{{ url('/main/compound/update/court') }}" enctype="multipart/form-data">
					<div class="row">
						<div class="col-lg-12 col-md-12">
							<div class="card">
								<div class="card-header">
									<h5>Serahan Kompaun Kepada Mahkamah</h5>
								</div>
								<div class="card-block">
									<input type="hidden" name="_token" value="<?php echo csrf_token(); ?>">
									<input type="hidden" name="kpd" value="{{ $compound->kpd }}">
									<input type="hidden" name="dashboard" value="true">
									<div class="row">
										<div class="col-lg-12 col-md-12">
											<div class="form-group form-primary">
												<label class="float-label"><b>Serahan Ke Mahkamah<code>('dashboard')</code></b></label>
												<div class="col-lg-3">
							                        <input type="date" class=" form-control form-control-sm"  name="start_date" id="start_date" required/>
							                    </div>
											</div>
										</div>
									</div>
									<hr>
									<div class="md-group-add-on"></div>
									<div class="f-right">
										<button type="submit" class="btn btn-sm btn-outline-danger waves-effect waves-light">Sahkan Tarikh</button>
									</div>
								</div>
							</div>
						</div>
					</div>
				</form>
			}
			@endif

			@if($compound->modul != '02' && $compound->modul != '03' && $compound->modul != '04')
			<form method="POST" action="{{ url('/main/compound/update/action') }}">
				<div class="row">
					<div class="col-lg-12 col-md-12">
						<div class="card">
							<div class="card-header">
								<h5>Serahan Kompaun kepada Penguatkuasa</h5>
								@if($currentS == '')
									<span>Kompaun ini <code>belum ditugasan</code> kepada penguatkuasa</span>
								@else
									<span>Kompaun ini <code>dibawah</code> tugasan penguatkuasa <code>{{ $currentS }}</code></span>
								@endif
							</div>
							<div class="card-block">
								<input type="hidden" name="_token" value="<?php echo csrf_token(); ?>">
								<input type="hidden" name="kpd" value="{{ $compound->kpd }}">
								<input type="hidden" name="dashboard" value="false">

								<div class="row">
									<div class="col-lg-12 col-md-12">
										<div class="form-group form-primary">
											<label class="float-label"><b>Jabatan <code>*</code></b></label>
											<select id="department" name="department" class="form-control" required>
												<option value="">Pilih Jabatan</option>
												@foreach($department as $d)
												<option value="{{ $d->_id }}">[{{ $d->jbkod }}] {{ $d->jnama }}</option>
												@endforeach
											</select>
											<span class="form-bar"></span>
										</div>
									</div>
								</div>

								<div class="row">
									<div class="col-lg-12 col-md-12">
										<div class="form-group form-primary">
											<label class="float-label"><b>Kategori PenguatKuasa <code>('mobile apps')</code></b></label>
											<select id="penguatkuasa" name="penguatkuasa" class="form-control" required>
												<option value="">Pilih PenguatKuasa</option>
											</select>
											<span class="form-bar"></span>
											<code>Sila pilih penguatkuasa untuk meneruskan tugasan seterusnya!</code>
										</div>
									</div>
								</div>
								<hr>
								<div class="md-group-add-on"></div>
								<div class="f-right">
									<button type="submit" class="btn btn-sm btn-outline-danger waves-effect waves-light">Serahan Tugas Kepada Penguatkuasa</button>
								</div>
							</div>
						</div>
					</div>
				</div>
			</form>
			@endif
		</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 origin   = window.location.origin;

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

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

		$('#department').change(function(){
			if( $(this).val()==""){
				$('#penguatkuasa').empty();
				$('#penguatkuasa').append('<option value="">Pilih PenguatKuasa</option>');
			}
			else {
				$('#penguatkuasa').empty();
				$('#penguatkuasa').append('<option value="">Pilih PenguatKuasa</option>');
				$.ajax({
		            type: "GET",
		            url: "{{ url('api/officer') }}"+"/"+$(this).val()+"/staff/list/{{ $user->roles_access }}",
		            success: function(result){
		            	if(result.data.length > 0){
		            		$.each(result.data, function(i, d) {
			                    $('#penguatkuasa').append('<option value="' + d.tindakan + '">['+ d.no_badan +'] '+ d.nama + '</option>');
			                });
		            	}else{
		            		$('#penguatkuasa').append('<option value="">Tiada penguatkuasa dibawah jabatan ini</option>');
		            	}
		            }
		        });
			}
		});

	});
</script>
@endsection