sipadu_mbip/resources/views/main-dashboard/compound_detail/investigation_detail.blade.php

@extends('layout.master', ['uid' => $user->_id, 'token' => $user->token_firebase])
@section('page_title', 'Kompaun (Kertas Siasatan)')
@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;
	}

	.btn i {
	     margin-right: 0px; 
	}
</style>

<div class="inner-page">
	<!-- Display message -->
	<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>
	<!-- End Display message -->
	<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">
								Maklumat Kertas Siasatan [ No.Kompaun : <code>{{ $compound->kpd }}</code> | No.Siri : <code>{{ $file->no_siri }}</code> | Modul: <code>-</code>]
							</h5>
							@else
							<h5 class="card-header-text">
								Maklumat Kertas Kompaun [ No.Kompaun : <code>{{ $compound->kpd }}</code> | No.Siri : <code>{{ $file->no_siri }}</code> | Modul: <code>{{ $role->name }}</code>]
							</h5>
							@endif
							<span><code>Perhatian!!</code> Semua maklumat kompaun dan lampiran boleh dikemaskini sekiranya kompaun ini berada di dalam kategori <code>modul pengesahan kompaun</code></span>
						</div>
					</div>
				</div>
			</div>

			<div class="row">
				<div class="col-md-12">
					<div class="card">
						<div class="card-header">
							<h5>Untuk Pengesahan Maklumat Kompaun <code data-toggle="tooltip" data-placement="left" title data-original-title="Tarikh & Masa Kompaun Dikeluarkan">({{ date('d/m/Y h:i:s a', strtotime($compound->created_at)) }})</code></h5>
							<span><code>Perhatian!! Semua maklumat yang anda kemaskini disini akan direkodkan dalam kertas siasatan dan bukan pada kertas kompaun/pdf</code></span>
							<!-- <button type="button" class="btn btn-sm btn-danger waves-effect waves-light f-right" data-toggle="tooltip" data-placement="left" title data-original-title="Tarikh & Masa Kompaun Dikeluarkan">
								<b>{{ date('d/m/Y h:i:s a', strtotime($compound->created_at)) }}</b>
							</button> -->
						</div>
						<div class="card-block">
							@if($compound->no_plate == '-')
							<form method="POST" action="{{ url('/main/compound/investigation/update') }}" enctype="multipart/form-data" style="padding: 0.6rem 2rem">
								<input type="hidden" name="_token" value="<?php echo csrf_token(); ?>">
								<input type="hidden" name="kpd" value="{{ $compound->kpd }}">

								<div class="row">
									<div class="col-lg-6 col-md-6">
										<div class="form-group form-primary">
											<label class="float-label"><b>Dikeluarkan Oleh:</b></label>
											<input name="dikeluarkan" class="form-control" readonly="" value="{{ $enforcer->StaffDetail->no_badan }} | {{ $enforcer->StaffDetail->full_name }}"/>
											<span class="form-bar"></span>
										</div>
									</div>

									<div class="col-lg-6 col-md-6">
										<div class="form-group form-primary">
											<label class="float-label"><b>Akta/UUK:</b></label>
											<input name="akta_uuk" class="form-control" readonly="" value="[{{ $akta->akkod }}] {{ $akta->nama }}"/>
											<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>Seksyen Kesalahan:</b></label>
											<input name="seksyen" class="form-control" readonly="" value="[{{ $faulty->itkod }}] {{ $faulty->nama }}">
											<span class="form-bar"></span>
										</div>
									</div>
								</div>

								<hr>
								<div class="row">
									<div class="col-lg-6 col-md-12">
										<div class="form-group form-primary">
											<label class="float-label"><b>Nama Penuh (Sama dgn Kp):</b></label>
											@if(empty($investigation))
											<input type="text" name="full_name" class="form-control" required="" value="{{ $compound->nama }}">
											@else
											<input type="text" name="full_name" class="form-control" required="" value="{{ $investigation->nama }}">
											@endif
											<span class="form-bar"></span>
										</div>
									</div>

									<div class="col-lg-6 col-md-12">
										<div class="form-group form-primary">
											<label class="float-label"><b>Nama Kp/NRIC:</b></label>
											@if(empty($investigation))
											<input type="text" name="ic" class="form-control" required="" value="{{ $compound->identity }}">
											@else
											<input type="text" name="ic" class="form-control" required="" value="{{ $investigation->identity }}">
											@endif
											<span class="form-bar"></span>
										</div>
									</div>
								</div>

								<div class="row">
									<div class="col-lg-6 col-md-12">
										<div class="form-group form-primary">
											<label class="float-label"><b>Nama Syarikat:</b></label>
											@if(empty($investigation))
											<input type="text" name="nama_syarikat" class="form-control" required="" value="{{ $compound->nama_syarikat }}">
											@else
											<input type="text" name="nama_syarikat" class="form-control" required="" value="{{ $investigation->nama_syarikat }}">
											@endif
											<span class="form-bar"></span>
										</div>
									</div>

									<div class="col-lg-6 col-md-12">
										<div class="form-group form-primary">
											<label class="float-label"><b>No.Daftar Syarikat:</b></label>
											@if(empty($investigation))
											<input type="text" name="no_syarikat" class="form-control" required="" value="{{ $compound->no_daftar_syarikat }}">
											@else
											<input type="text" name="no_syarikat" class="form-control" required="" value="{{ $investigation->no_daftar_syarikat }}">
											@endif
											<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>Alamat:</b></label>
											@if(empty($investigation))
											<textarea name="alamat" class="form-control" required="">{{ $compound->alamat }}</textarea>
											@else
											<textarea name="alamat" class="form-control" required="">{{ $investigation->alamat }}</textarea>
											@endif
											<span class="form-bar"></span>
										</div>
									</div>
								</div>

								<div class="row">
									<div class="col-lg-6 col-md-6">
										<div class="form-group form-primary">
											<label class="float-label"><b>Catatan:</b></label>
											<input name="catatan" class="form-control" readonly="" value="{{ $compound->catatan }}"/>
											<span class="form-bar"></span>
										</div>
									</div>

									<div class="col-lg-6 col-md-6">
										<div class="form-group form-primary">
											<label class="float-label"><b>Lokasi Kejadian:</b></label>
											<input name="lokasi_kejadian" class="form-control" readonly="" value="{{ $compound->lokasi_kejadian }}">
											<span class="form-bar"></span>
										</div>
									</div>
								</div>

								@if($user->roles == "Ketua Jabatan")
								<div class="row">
									<div class="col-lg-12 col-md-12">
										<div class="form-group form-primary">
											<label class="float-label"><b>Jumlah Kompaun:</b></label>
											<input type="text" name="jumlah_kompaun" class="form-control" required="" value="{{ $total }}">
											<span class="form-bar"></span>
											<small style="color: red"> Sila masukkan dalam bentuk perpuluhan mahupun nombor.</small>
										</div>
									</div>
								</div>
								@endif

								<hr>
								@if($compound->modul == '04')
								<div class="row">
									<div class="col-lg-12 col-md-12">
										<div class="f-right m-t-20">
											<button type="submit" class="btn btn-sm btn-outline-danger waves-effect">KemasKini Rekod Kompaun</button>
										</div>  
									</div> 
								</div>
								@endif 
							</form>
							@else
							<form method="POST" action="{{ url('/main/compound/investigation/update') }}" enctype="multipart/form-data" style="padding: 0.6rem 2rem">
								<input type="hidden" name="_token" value="<?php echo csrf_token(); ?>">
								<input type="hidden" name="kpd" value="{{ $compound->kpd }}">

								<div class="row">
									<div class="col-lg-6 col-md-6">
										<div class="form-group form-primary">
											<label class="float-label"><b>Dikeluarkan Oleh:</b></label>
											<input name="dikeluarkan" class="form-control" readonly="" value="{{ $enforcer->StaffDetail->no_badan }} | {{ $enforcer->StaffDetail->full_name }}"/>
											<span class="form-bar"></span>
										</div>
									</div>

									<div class="col-lg-6 col-md-6">
										<div class="form-group form-primary">
											<label class="float-label"><b>Akta/UUK:</b></label>
											<input name="akta_uuk" class="form-control" readonly="" value="[{{ $akta->akkod }}] {{ $akta->nama }}"/>
											<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>Seksyen Kesalahan:</b></label>
											<input name="seksyen" class="form-control" readonly="" value="[{{ $faulty->itkod }}] {{ $faulty->nama }}">
											<span class="form-bar"></span>
										</div>
									</div>
								</div>

								<hr>
								<div class="row">
									<div class="col-lg-6 col-md-12">
										<div class="form-group form-primary">
											<label class="float-label"><b>Nama Penuh (Sama dgn Kp):</b></label>
											@if(empty($investigation))
											<input type="text" name="full_name" class="form-control" required="" value="{{ $compound->nama }}">
											@else
											<input type="text" name="full_name" class="form-control" required="" value="{{ $investigation->nama }}">
											@endif
											<span class="form-bar"></span>
										</div>
									</div>

									<div class="col-lg-6 col-md-12">
										<div class="form-group form-primary">
											<label class="float-label"><b>Nama Kp/NRIC:</b></label>
											@if(empty($investigation))
											<input type="text" name="ic" class="form-control" required="" value="{{ $compound->identity }}">
											@else
											<input type="text" name="ic" class="form-control" required="" value="{{ $investigation->identity }}">
											@endif
											<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>Alamat:</b></label>
											@if(empty($investigation))
											<textarea name="alamat" class="form-control" required="">{{ $compound->alamat }}</textarea>
											@else
											<textarea name="alamat" class="form-control" required="">{{ $investigation->alamat }}</textarea>
											@endif
											<span class="form-bar"></span>
										</div>
									</div>
								</div>

								<div class="row">
									<div class="col-lg-4 col-md-12">
										<div class="form-group form-primary">
											<label class="float-label"><b>No.Plat:</b></label>
											<input type="text" name="no_plate" class="form-control" readonly=""value="{{ $compound->no_plate }}">
											<span class="form-bar"></span>
										</div>
									</div>

									<div class="col-lg-4 col-md-12">
										<div class="form-group form-primary">
											<label class="float-label"><b>No.Parking:</b></label>
											<input type="text" name="no_parking" class="form-control" readonly="" value="{{ $compound->no_parking }}">
											<span class="form-bar"></span>
										</div>
									</div>

									<div class="col-lg-4 col-md-12">
										<div class="form-group form-primary">
											<label class="float-label"><b>No.Cukai Jalan:</b></label>
											<input type="text" name="no_cukai_jalan" class="form-control" readonly="" value="{{ $compound->no_cukai_jalan }}">
											<span class="form-bar"></span>
										</div>
									</div>
								</div>

								<div class="row">
									<div class="col-lg-6 col-md-12">
										<div class="form-group form-primary">
											<label class="float-label"><b>Jenis Kenderaan:</b></label>
											<input type="text" name="model_kenderaan" class="form-control" readonly="" value="{{ $compound->model_kenderaan }}">
											<span class="form-bar"></span>
										</div>
									</div>

									<div class="col-lg-6 col-md-12">
										<div class="form-group form-primary">
											<label class="float-label"><b>Warna Kenderaan:</b></label>
											<input type="text" name="warna_kenderaan" class="form-control" readonly="" value="{{ $compound->warna_kenderaan }}">
											<span class="form-bar"></span>
										</div>
									</div>
								</div>

								<div class="row">
									<div class="col-lg-6 col-md-6">
										<div class="form-group form-primary">
											<label class="float-label"><b>Nama Taman:</b></label>
											<input name="nama_taman" class="form-control" readonly="" value="{{ $compound->nama_taman }}"/>
											<span class="form-bar"></span>
										</div>
									</div>

									<div class="col-lg-6 col-md-6">
										<div class="form-group form-primary">
											<label class="float-label"><b>Nama Jalan:</b></label>
											<input name="nama_jalan" class="form-control" readonly="" value="{{ $compound->nama_jalan }}">
											<span class="form-bar"></span>
										</div>
									</div>
								</div>

								<div class="row">
									<div class="col-lg-6 col-md-6">
										<div class="form-group form-primary">
											<label class="float-label"><b>Catatan:</b></label>
											<input name="catatan" class="form-control" readonly="" value="{{ $compound->catatan }}"/>
											<span class="form-bar"></span>
										</div>
									</div>

									<div class="col-lg-6 col-md-6">
										<div class="form-group form-primary">
											<label class="float-label"><b>Lokasi Kejadian:</b></label>
											<input name="lokasi_kejadian" class="form-control" readonly="" value="{{ $compound->lokasi_kejadian }}">
											<span class="form-bar"></span>
										</div>
									</div>
								</div>

								@if($user->roles == "Ketua Jabatan")
								<div class="row">
									<div class="col-lg-12 col-md-12">
										<div class="form-group form-primary">
											<label class="float-label"><b>Jumlah Kompaun:</b></label>
											<input type="text" name="jumlah_kompaun" class="form-control" required="" value="{{ $total }}">
											<span class="form-bar"></span>
											<small style="color: red"> Sila masukkan dalam bentuk perpuluhan mahupun nombor.</small>
										</div>
									</div>
								</div>
								@endif

								<hr>
								@if($compound->modul == '04')
								<div class="row">
									<div class="col-lg-12 col-md-12">
										<div class="f-right m-t-20">
											<button type="submit" class="btn btn-sm btn-outline-danger waves-effect">KemasKini Rekod Kompaun</button>
										</div>  
									</div> 
								</div>
								@endif 
							</form>
							@endif
						</div>
					</div>
				</div>
			</div>

			@if($compound->modul == '04')
			<div class="row">
				<div class="col-md-12">
					<div class="card">
						<div class="card-header">
							<h5>Lampiran PDF (SSM/JPJ)</h5>
							<button id="lampiran-btn" type="button" class="btn btn-sm btn-outline-danger waves-effect f-right" data-toggle="tooltip" data-placement="top" title data-original-title="Tambah Lampiran">
								<i class="icofont icofont-edit"></i>
							</button>
						</div>
						<div class="card-block">
							<div id="view-lampiran" class="row">
								<div class="col-lg-12">
									<div class="data_table_main dt-responsive table-responsive">
										<table id="lampiran_ssm_jpj" class="table table-sm table-striped table-bordered nowrap" width="100%">
											<thead>
												<tr>
													<th>Tarikh</th>
													<th>Masa</th>
													<th>Subjek</th>
													<th>Kategori</th>
													<th>Tindakan</th>
												</tr>
											</thead>

											<tfoot>
												<tr>
													<th>Tarikh</th>
													<th>Masa</th>
													<th>Subjek</th>
													<th>Kategori</th>
													<th>Tindakan</th>
												</tr>
											</tfoot>
										</table>
									</div>
								</div>
							</div>
							<div id="edit-lampiran" class="row">
								<div class="col-lg-12 col-md-12">
									<form method="POST" action="{{ url('/main/compound/investigation/attachment/add') }}" enctype="multipart/form-data">

										<input type="hidden" name="_token" value="<?php echo csrf_token(); ?>">
										<input type="hidden" name="kpd" value="{{ $compound->kpd }}">
										<input type="hidden" name="nosiri" value="{{ $file->no_siri }}">

										<div class="row">
											<div class="col-lg-6 col-md-12">
												<div class="form-group form-primary">
													<label class="float-label">Subjek</label>
													<input type="text" name="subjek" class="form-control" required="">
													<span class="form-bar"></span>
												</div>
											</div>
											<div class="col-lg-6 col-md-12">
												<div class="form-group form-primary">
													<label class="float-label">Kategori</label>
													<select id="kategori" name="kategori" class="form-control" required>
														<option value="">Pilih Kategori </option>
														<option value="SSM">SSM</option>
														<option value="JPJ">JPJ</option>
													</select>
													<span class="form-bar"></span>
												</div>
											</div>
											<div class="col-lg-12 col-md-12">
												<div class="form-group form-primary">
													<label class="float-label">Lampiran PDF</label>
													<input name="attachment" id="attachment" type="file" class="form-control form-control-sm" />
													<span class="form-bar"></span>
													<code>Format <b>PDF</b> sahaja yang diterima</code>
												</div>
											</div>
										</div>
										<hr>
										<div class="md-group-add-on"></div>
										<div class="f-right m-t-20">
											<button type="submit" class="btn btn-sm btn-outline-danger waves-effect">Simpan/Muat Naik</button>
											<a href="javascript:;" id="lampiran-cancel" class="btn btn-sm btn-out-dashed waves-effect waves-light btn-default btn-square">Batal</a>
										</div>   
									</form>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			@endif
		</div>

	</div>
</div>
@endsection

@section('external_js')
<script type="text/javascript" src="{{ asset('js/toggle_button_edit.js') }}"></script>

<script type="text/javascript">

	var table = $('#lampiran_ssm_jpj').DataTable({
		"ordering": false,
		"serverSide": true,
		"processing": true,
		"ajax": "{{ url('/api/investigation') }}/{{$file->no_siri}}/attachment/list",
		"columns": [	
		{ "data": "tarikh","name": "tarikh"},
		{ "data": "masa","name": "masa"},
		{ "data": "subjek","name": "subjek"},
		{ "data": "kategori","name": "kategori"},
		{ "data": "tindakan","name": "tindakan"}
		],	
		"columnDefs": [
		{  
			"render": function ( data, type, row ) {
				if (data.indexOf("Baru/") >= 0) {
					var split = data.split('/');
					return '<label class="label label-success">'+split[0]+'</label>&nbsp;'+split[1];
				}else {
					return data;
				}
			},
			"targets": 0,
		},
		{
			"render": function ( data, type, row ) {
				var kpd = '{{ $compound->kpd }}';
				var siri = '{{ $file->no_siri }}';
				var staff = "{{ $user->_id }}";

				var editLink = "{{ url('/document') }}"+"/"+siri+"/investigation/"+data+".pdf";
				//<a href="'+editLink+'" class="tabledit-edit-button btn btn-primary waves-effect waves-light" style="float: none;" data-toggle="tooltip" data-placement="top" title="Kemaskini Lampiran"><span class="icofont icofont-ui-edit" style="color:white"></span></a>

				var pdfLink = "{{ url('/main/compound/investigation') }}"+"/"+data+"/detail/view";
				return '<div class="btn-group btn-group-sm" style="float: none;"><a target="_blank" href="'+pdfLink+'" class="tabledit-edit-button btn btn-success waves-effect waves-light" style="float: none;" data-toggle="tooltip" data-placement="top" title="Maklumat Lampiran"><span class="icofont icofont-eye-alt" style="color:white"></span></a> <a onclick="deleteA(\''+data+'\',\'' + row.subjek + '\',\'' + staff + '\',\'' + siri + '\')" data-toggle="tooltip" data-placement="top" title="Buang Lampiran" class="tabledit-delete-button btn btn-danger waves-effect waves-light" style="float: none;"><span class="icofont icofont-ui-delete" style="color:white"></span></a></div>';
				
			},
			"targets": 4,
		},
		],				
		"language": {
			"paginate": {
				"previous": "Sebelum",
				"next": "Selepas"
			},
			"sLengthMenu": "Tunjukkan _MENU_ entri",
			"zeroRecords": "Tiada Data Ditemui",
			"infoEmpty": "Tiada Rekod Yang Wujud",
			"infoFiltered": "(Ditapis daripada _MAX_ jumlah rekod)",
			"info": "Tunjuk _START_ hingga _END_ daripada _TOTAL_ entri",
			"sSearch": "Cari:",
		}
	});		

	function deleteA(cid,subjek,staff,siri) {
		var cid = cid;
		var subjek = subjek;

		swal({
			title: "Adakah anda pasti?",
			text: "Anda tidak akan dapat memulihkan rekod lampiran ini ( " + subjek + " )",
			html: true,
			type: "warning",
			showCancelButton: true,
			confirmButtonClass: "btn-danger",
			confirmButtonText: "Ya!",
			cancelButtonText: "Batal!",
			closeOnConfirm: false
		},
		function(isConfirm){
			if (!isConfirm) return;
			$.ajax({
				type: "POST",
				url: "{{ url('api/investigation/attachment/delete') }}",
				data: { "_token": "{{ csrf_token() }}", id: cid, staff: staff, no_siri: siri},
				success:function(data){
					if(data['status'] == "true"){
						swal({
							title: "Berjaya",
							text: data['desc'],
							type: "success",
							showCancelButton: false,
							confirmButtonText: "OK!",
							closeOnConfirm: true
						},
						function(){
							table.ajax.url("{{ url('/api/investigation') }}/{{$file->no_siri}}/attachment/list").load();
						});
					}else if(data['status'] == "false"){
						swal({
							title: "Tidak Berjaya",
							text: data['desc'],
							type: "error",
							showCancelButton: false,
							confirmButtonText: "OK!",
							closeOnConfirm: true
						},
						function(){
							table.ajax.url("{{ url('/api/investigation') }}/{{$file->no_siri}}/attachment/list").load();
						});
					}
				},
				error: function (xhr, ajaxOptions, thrownError) {
	                swal("Error deleting!", "Rekod tidak berjaya di buang", "error");
	            }
			});
		});
	};

	$.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();

		$('#edit-saman').hide();
		$('#saman-cancel').on('click', function() {
			var c = $('#saman-btn').find("i");
			c.removeClass('icofont-close');
			c.addClass('icofont-edit');
			$('#view-saman').show();
			$('#edit-saman').hide();
		});
		$('#saman-save').on('click', function() {
			var c = $('#saman-btn').find("i");
			c.removeClass('icofont-close');
			c.addClass('icofont-edit');
			$('#view-saman').show();
			$('#edit-saman').hide();
		});
		$('#saman-btn').on('click', function() {
			var b = $(this).find("i");
			var edit_class = b.attr('class');
			if (edit_class == 'icofont icofont-edit') {
				b.removeClass('icofont-edit');
				b.addClass('icofont-close');
				$('#view-saman').hide();
				$('#edit-saman').show();
			} else {
				b.removeClass('icofont-close');
				b.addClass('icofont-edit');
				$('#view-saman').show();
				$('#edit-saman').hide();
			}
		});

		/** Lampiran **/
		$('#edit-lampiran').hide();
	    $('#lampiran-cancel').on('click', function() {
	        var c = $('#lampiran-btn').find("i");
	        c.removeClass('icofont-close');
	        c.addClass('icofont-edit');
	        $('#view-lampiran').show();
	        $('#edit-lampiran').hide();
	    });
	    $('#lampiran-save').on('click', function() {
	        var c = $('#lampiran-btn').find("i");
	        c.removeClass('icofont-close');
	        c.addClass('icofont-edit');
	        $('#view-lampiran').show();
	        $('#edit-lampiran').hide();
	    });
	    $('#lampiran-btn').on('click', function() {
	        var b = $(this).find("i");
	        var edit_class = b.attr('class');
	        if (edit_class == 'icofont icofont-edit') {
	            b.removeClass('icofont-edit');
	            b.addClass('icofont-close');
	            $('#view-lampiran').hide();
	            $('#edit-lampiran').show();
	        } else {
	            b.removeClass('icofont-close');
	            b.addClass('icofont-edit');
	            $('#view-lampiran').show();
	            $('#edit-lampiran').hide();
	        }
	    });
	});
</script>
@endsection