@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')
                        @if($compound->modul == '02')
                            <div><a href="{{ url('main/compound') }}/{{ $compound->non }}/index" class="{{ Request::is('main/compound/*/index') ? 'active' : '' }}">Garis Masa/Sejarah</a></div>
                            {{-- <div><a href="{{ url('/main/compound') }}/{{$compound->non}}">Kompaun</a></div> --}}
                        @else
                            <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>
                        @endif

						@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

                        @if($compound->modul == '02')
                            <div><a target="_blank" href="{{ url('/main/compound') }}/{{$compound->non}}/pdf">Cetak/Papar PDF</a></div>
                            <div><a href="{{ url('/main/compound') }}/{{$compound->non}}/task" class="{{ Request::is('main/compound/*/task') ? 'active' : '' }}">Serahan Modul/PenguatKuasa</a></div>
                        @else
                            <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>
                        @endif

                    @elseif($compound->status == 'Berbayar')
                        @if($compound->modul == '02')
                            <div><a href="{{ url('main/compound') }}/{{ $compound->non }}/index" class="{{ Request::is('main/compound/*/index') ? 'active' : '' }}">Garis Masa/Sejarah</a></div>
                            <div><a href="{{ url('/main/compound') }}/{{$compound->non}}" class="{{ Request::is('main/compound/*') ? 'active' : '' }}">Kompaun</a></div>
                            <div><a target="_blank" href="{{ url('/main/compound') }}/{{$compound->non}}/pdf">Cetak/Papar PDF</a></div>
                        @else
                            <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
					@endif
				</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">
							<h5 class="card-header-text">
								Maklumat Notis Amaran [ No.Kompaun : <code>{{ $compound->kpd }}</code> | No.Siri : <code>{{ $file->no_siri }}</code> | Modul: <code>{{ $role->name }}</code>]
							</h5>
							<span><code>Perhatian!!</code> Semua maklumat notis amaran boleh diakses sekiranya kompaun ini berada di dalam kategori <code>modul notis amaran</code> dan status dia adalah <code>aktif</code>. Untuk kemaskini template notis amaran, sila ke bahagian tetapan</span>
						</div>
					</div>
				</div>
			</div>

			<div class="row">
				<div class="col-md-12">
					<div class="card">
						<div class="card-block">
							<div id="view-surat" class="row">
								<div class="col-xl-12">
									<div class="data_table_main dt-responsive table-responsive">
										<table id="senarai_notis" class="table table-sm table-striped table-bordered nowrap" width="100%">
											<thead>
												<tr>
													<th>#</th>
													<th>No.Rujukan</th>
													<th>Alasan</th>
													<th>No.Pos</th>
													<th>Tindakan</th>
												</tr>
											</thead>
											<tfoot>
												<tr>
													<th>#</th>
													<th>No.Rujukan</th>
													<th>Alasan</th>
													<th>No.Pos</th>
													<th>Tindakan</th>
												</tr>
											</tfoot>
										</table>
									</div>
									<!-- <div class="animation-modal"> -->
									<div class="modal fade" id="UpdatePos" tabindex="-1" role="dialog">
										<div class="modal-dialog modal-lg" role="document">
											<div class="modal-content">
												<div class="modal-header">
													<h4 class="modal-title">Muatnaik Nombor Pos</h4>
													<button type="button" class="close" data-dismiss="modal" aria-label="Close">
														<span aria-hidden="true">&times;</span>
													</button>
												</div>
												<div class="modal-body" style="padding-left: 2rem;padding-right: 2rem;">
													<form action="{{ url('/main/update/number-pos') }}" class="main cussPayment" method="POST" enctype="multipart/form-data">
														<input type="hidden" name="_token" id="csrf-token" value="{{ Session::token() }}" />
														<input type="hidden" name="letter_id" id="letter_id" value="" />

														<div class="row clearfix">
															<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
																<label for="subject"><b>Nombor Pos <code>*</code></b></label>
																<div class="form-group">
																	<input type="text" name="no_pos" class="form-control" required="">
																</div>
															</div>
														</div>
														<div class="row clearfix">
															<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
																<label for="subject"><b>Gambar Pos <code>*</code></b></label>
																<div class="form-group">
																	<input type="file" name="gambar_pos" class="form-control" required="">
																</div>
															</div>
														</div>

														<hr>
														<button type="button" class="btn btn-sm btn-default waves-effect float-left" data-dismiss="modal">Tutup</button>
														<button type="submit" class="btn btn-sm btn-danger float-right waves-effect">Simpan Nombor Pos</button>
													</form>
												</div>
											</div>
										</div>
									</div>
									<!-- End <div class="animation-modal"> -->
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</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 = $('#senarai_notis').DataTable({
		"ordering": false,
		"serverSide": true,
		"processing": true,
		"ajax": "{{ url('api/setting/template') }}/{{ $compound->kpd }}/aktif/list",
		"columns": [
		{ "data": "index","name": "index"},
		{ "data": "no_rujukan", "name": "no_rujukan" },
		{ "data": "alasan", "name": "alasan"},
		{ "data": "tindakan1", "name": "tindakan1"},
		{ "data": "tindakan2","name": "tindakan2"}
		],
		"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 ) {
				if(data == ""){
					return '<a onclick="uploadPosTracker(\''+row.tindakan2+'\',\'' + row.no_rujukan + '\')" class="tabledit-edit-button btn btn-sm btn-warning waves-effect waves-light" style="float: none;color:#333" data-toggle="tooltip" data-placement="top" title="Muatnaik Nombor Pos">Muatnaik Nombor Pos</a>';
				}else{
					return data;
				}
			},
			"targets": 3,
		},
		{
			"render": function ( data, type, row ) {
				var kpd = '{{ $compound->kpd }}';
				var pdfLink = "{{ url('/main/setting/template/notice') }}"+"/"+data+"/"+kpd+"/view/detail";
				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 Notis Amaran"><span class="icofont icofont-eye-alt" 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 uploadPosTracker(cid,rujukan) {
		var mid = cid;
		var rujukan = rujukan;

		$('#letter_id').val(mid);
		$('#UpdatePos').modal({
			show: true
		});
	};

	$.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();
	});
</script>
@endsection