sipadu_mbip/resources/views/main-dashboard/compound/compound_form_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-10 offset-1">
			<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-10 col-md-12 offset-1">

			<div class="row">
				<div class="col-sm-12">
					<div class="card">
						<div class="card-header">
							<h5>Kemaskini Maklumat Kompaun</h5>
						</div>
						<div class="card-block">
							<div id="pelbagai">
								<form action="{{ url('/main/manual/edit/compound') }}" 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-token" value="{{ $compound->_id }}" />
								
									<div class="row clearfix">
										<div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
											<label for="subject"><b>No.KPD <code>*</code></b></label>
											<div class="form-group">
												<div class="form-line">
													<input type="text" id="kpd" name="kpd" class="form-control" value="{{ $compound->kpd }}" readonly>
												</div>
											</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>Seksyen Kesalahan <code>*</code></b></label>
											<div class="form-group">
												<div class="form-line">
													<textarea id="seksyen" name="seksyen" class="form-control" value="" readonly>[{{ $compound->Faulty->sketr }}] {{ $compound->Faulty->nama}}</textarea>
												</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>Jabatan <code>*</code></b></label>
											<div class="form-group">
												<div class="form-line">
													<input type="text" id="jabatan1" name="jabatan" class="form-control" value="{{ $compound->Department->jnama }}" readonly>
												</div>
											</div>
										</div>
										<div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
											<label for="subject"><b>Akta Kesalahan <code>*</code></b></label>
											<div class="form-group">
												<div class="form-line">
													<input type="text" id="akta1" name="akta" class="form-control" value="{{ $compound->Deedlaw->nama }}" readonly>
												</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>Nama</b></label>
											<div class="form-group">
												<div class="form-line">
													<input type="text" id="namaP" name="namaP" class="form-control" value="{{ $compound->nama }}" required="">
													<code>Sila gunakan '-' jika tidak berkaitan</code>
												</div>
											</div>
										</div>								
										<div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
											<label for="subject"><b>Identity</b></label>
											<div class="form-group">
												<div class="form-line">
													<input type="text" id="noIc" name="noIc" class="form-control" value="{{ $compound->identity }}" required="">
													<code>Sila gunakan '-' jika tidak berkaitan</code>
												</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>Nama Syarikat</b></label>
											<div class="form-group">
												<div class="form-line">
													<input type="text" id="namaS" name="namaS" class="form-control" placeholder="Syarikat Sdn Bhd" value="{{ $compound->nama_syarikat }}" required="">
													<code>Sila gunakan '-' jika tidak berkaitan</code>
												</div>
											</div>
										</div>								
										<div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
											<label for="subject"><b>Daftar No.Syarikat</b></label>
											<div class="form-group">
												<div class="form-line">
													<input type="text" id="daftarNo" name="daftarNo" class="form-control" value="{{ $compound->no_daftar_syarikat }}" required="">
													<code>Sila gunakan '-' jika tidak berkaitan</code>
												</div>
											</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>Alamat</b></label>
											<div class="form-group">
												<div class="form-line">
													<textarea type="text" id="alamat" name="alamat" class="form-control" placeholder="Alamat" required>{{ $compound->alamat }}</textarea>
													<code>Sila gunakan '-' jika tidak berkaitan</code>
												</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>No.Tel </b></label>
											<div class="form-group">
												<div class="form-line">
													<input type="text" id="tel" name="tel" class="form-control" value="{{ $compound->no_telefon }}" />
												</div>
												<code>Sila gunakan '-' jika tidak berkaitan</code>
											</div>
										</div>
										<div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
											<label for="subject"><b>No. Akaun Lesen</b></label>
											<div class="form-group">
												<div class="form-line">
													<input type="text" id="lesen" name="lesen" class="form-control" value="{{ $compound->no_akaun_lesen }}" />
												</div>
												<code>Sila gunakan '-' jika tidak berkaitan</code>
											</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>No.Plat <code>*</code></b></label>
											<div class="form-group">
												<div class="form-line">
													<input type="text" id="no_plate" name="no_plate" class="form-control" value="{{ $compound->no_plate }}" />
												</div>
												<code>Sila gunakan '-' jika tidak berkaitan</code>
											</div>
										</div>
										
										<div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
											<label for="subject"><b>No. Cukai Jalan <code>*</code></b></label>
											<div class="form-group">
												<div class="form-line">
													<input type="text" id="noCukaijalan" name="noCukaijalan" class="form-control" value="{{ $compound->no_cukai_jalan }}" />
												</div>
												<code>Sila gunakan '-' jika tidak berkaitan</code>
											</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>Dikeluarkan Oleh <code>*</code></b></label>
											<div class="form-group">
												<select id="staff" name="staff" class="js-section form-control" multiple="multiple" required>
													<option value="">Sila pilih penguatkuasa</option>
													@foreach($staff as $s)
													<option value="{{ $s->_id}}">[{{ $s->no_badan }}] {{ $s->full_name }}</option>
													@endforeach
												</select>
											</div>
										</div>

										<div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
											<label for="subject"><b>Tarikh & Masa Dikeluarkan <code>*</code></b></label>
											<div class="form-group">
												<div class="form-group">
													<input type="datetime-local" name="tarikh_dikeluarkan"  value="{{ old('tarikh_mula')}}" class="form-control" 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>Lokasi kejadian</b></label>
											<div class="form-group">
												<input type="text" name="lokasi_kejadian" class="form-control" value="{{ $compound->lokasi_kejadian }}" />
												<code>Sila gunakan '-' jika tidak berkaitan</code>
											</div>
										</div>
										<div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
											<label for="subject"><b>Butiran Kesalahan</b></label>
											<div class="form-group">
												<input type="text" name="butiran_kesalahan" class="form-control" value="{{$compound->catatan }}" required/>
												<code>Sila gunakan '-' jika tidak berkaitan</code>
											</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>Tarikh & Masa Dikeluarkan <code>*</code></b></label>
											<div class="form-group">
												<div class="form-group">
													<input type="datetime-local" name="tarikh_dikeluarkan"  value="{{ date('Y-m-d\TH:i', strtotime($compound->created_at)) }}" class="form-control">
												</div>
											</div>
										</div>
										<div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
											<label for="subject"><b>Catatan</b></label>
											<div class="form-group">
												<input type="text" name="catatan" class="form-control" value="{{$compound->maklumat_tambahan }}" required/>
												<code>Sila gunakan '-' jika tidak berkaitan</code>
											</div>
										</div>
									</div>		
									<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-md btn-outline-danger waves-effect f-right"> Kemaskini Kompaun</button>
										</div>
									</div>	
								</form>
							</div>	

							<div id="petak">
								<form action="{{ url('/main/manual/edit/compound') }}" 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-token" value="{{ $compound->_id }}" />
											
									<div class="row clearfix">
										<div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
											<label for="subject"><b>No.KPD <code>*</code></b></label>
											<div class="form-group">
												<div class="form-line">
													<input type="text" id="kpd" name="kpd" class="form-control" value="{{ $compound->kpd }}" readonly>
												</div>
											</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>Seksyen Kesalahan <code>*</code></b></label>
											<div class="form-group">
												<div class="form-line">
													<textarea id="seksyen" name="seksyen" class="form-control" value="" readonly>[{{ $compound->Faulty->sketr }}] {{ $compound->Faulty->nama}}</textarea>
												</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>Jabatan <code>*</code></b></label>
											<div class="form-group">
												<div class="form-line">
													<input type="text" id="jabatan1" name="jabatan" class="form-control" value="{{ $compound->Department->jnama }}" readonly>
												</div>
											</div>
										</div>
										<div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
											<label for="subject"><b>Akta Kesalahan <code>*</code></b></label>
											<div class="form-group">
												<div class="form-line">
													<input type="text" id="akta1" name="akta" class="form-control" value="{{ $compound->Deedlaw->nama }}" readonly>
												</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>No.Plat <code>*</code></b></label>
											<div class="form-group">
												<div class="form-line">
													<input type="text" id="no_plate" name="no_plate" class="form-control" value="{{$compound->no_plate }}" required="">
												</div>
											</div>
										</div>

										<div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
											<label for="subject"><b>No. Cukai Jalan <code>*</code></b></label>
											<div class="form-group">
												<div class="form-line">
													<input type="text" id="noCukaijalan" name="noCukaijalan" class="form-control" value="{{$compound->no_cukai_jalan }}" 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>Model Kenderaan <code>*</code></b></label>
											<div class="form-group">
												<div class="form-line">
													<input type="text" id="modelKenderaan" name="modelKenderaan" class="form-control" value="{{$compound->model_kenderaan }}" required="">
												</div>
											</div>
										</div>

										<div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
											<label for="subject"><b>Jenis Kenderaan <code>*</code></b></label>
											<div class="form-group">
												<div class="form-line">
													<input type="text" id="jenisKenderaan" name="jenisKenderaan" class="form-control" value="{{ $compound->jenis_kenderaan }}" 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>Warna Kenderaan <code>*</code></b></label>
											<div class="form-group">
												<div class="form-line">
													<input type="text" id="warnakenderaan" name="warnakenderaan" class="form-control" value="{{$compound->warna_kenderaan }}" required="">
												</div>
											</div>
										</div>

										<div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
											<label for="subject"><b>No.Parkir<code>*</code></b></label>
											<div class="form-group">
												<div class="form-line">
													<input type="text" id="noParking" name="noParking" class="form-control" value="{{$compound->no_parking }}" 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>Nama Taman <code>*</code></b></label>
											<div class="form-group">
												<div class="form-line">
													<input type="text" id="namaTaman" name="namaTaman" class="form-control" value="{{$compound->nama_taman }}" required="">
												</div>
											</div>
										</div>

										<div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
											<label for="subject"><b>Nama Jalan<code>*</code></b></label>
											<div class="form-group">
												<div class="form-line">
													<input type="text" id="namaJalan" name="namaJalan" class="form-control" value="{{$compound->nama_jalan }}" 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>Dikeluarkan Oleh <code>*</code></b></label>
											<div class="form-group">
												<select id="staff1" name="staff" class="js-section form-control" multiple="multiple" required>
													<option value="">Sila pilih penguatkuasa</option>
													@foreach($staff as $s)
													<option value="{{ $s->_id}}">[{{ $s->no_badan }}] {{ $s->full_name }}</option>
													@endforeach
												</select>
											</div>
										</div>

										<div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
											<label for="subject"><b>Tarikh & Masa Dikeluarkan <code>*</code></b></label>
											<div class="form-group">
												<div class="form-group">
													<input type="datetime-local" name="tarikh_dikeluarkan"  value="{{ old('tarikh_mula')}}" class="form-control">
												</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>Lokasi kejadian</b></label>
											<div class="form-group">
												<input type="text" name="lokasi_kejadian" class="form-control" value="{{$compound->lokasi_kejadian }}" />
												<code>Sila gunakan '-' jika tidak berkaitan</code>
											</div>
										</div>
										<div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
											<label for="subject"><b>Butiran Kesalahan</b></label>
											<div class="form-group">
												<input type="text" name="butiran_kesalahan" class="form-control" value="{{$compound->catatan }}" required />
												<code>Sila gunakan '-' jika tidak berkaitan</code>
											</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>Tarikh & Masa Dikeluarkan <code>*</code></b></label>
											<div class="form-group">
												<div class="form-group">
													<input type="datetime-local" name="tarikh_dikeluarkan"  value="{{ date('Y-m-d\TH:i', strtotime($compound->created_at)) }}" class="form-control">
												</div>
											</div>
										</div>
										<div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
											<label for="subject"><b>Catatan</b></label>
											<div class="form-group">
												<input type="text" name="catatan" class="form-control" value="{{$compound->maklumat_tambahan }}" required/>
												<code>Sila gunakan '-' jika tidak berkaitan</code>
											</div>
										</div>
									</div>

									<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-md btn-outline-danger waves-effect f-right"> Kemaskini Kompaun</button>
										</div>
									</div>	
								</form>	
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
@endsection

@section('external_js')

<script type="text/javascript">

	var ellipsis = "...";
	function TrimLength(text, maxLength)
	{
	    text = $.trim(text);

	    if (text.length > maxLength)
	    {
	        text = text.substring(0, maxLength - ellipsis.length)
	        return text.substring(0, text.lastIndexOf(" ")) + ellipsis;
	    }
	    else
	        return text;
	}

	$.ajaxSetup({
		headers: {
			'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
		}
	});

	$(document).ready(function() {

		$('#pelbagai').hide();
		$('#petak').hide();

		var origin   = window.location.origin; 

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

		setTimeout(function() {
			$(".theme-loader").remove();
		}, 800);

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

		// $('#seksyen').change(function(){
		// 	if( $(this).val()==""){
		// 		$("#jabatan").prop("checked", false);
		// 		$('#jabatan').empty();
		// 		$('#jabatan').append('<option value="">Sila pilih jabatan</option>');

		// 		$("#akta").val('-');
		// 	}
		// 	else {
		// 		$('#jabatan').empty();
		// 		$('#jabatan').append('<option value="">Sila pilih jabatan</option>');

		// 		$.ajax({
		//             type: "GET",
		//             url: "{{ url('api/filter-department-based-faulty') }}"+"/"+$(this).val(),
		//             success: function(result){
		//                 $.each(result.data, function(i, d) {
		//                     $('#jabatan').append('<option value="' + d._id + '">' + d.nama + '</option>');
		//                     $('#jabatan').prop('required',true);
		//                 });
		//             }
		//         });

		//         $.ajax({
		//             type: "GET",
		//             url: "{{ url('api/get-deedlaw-based-faulty') }}"+"/"+$(this).val(),
		//             success: function(result){
		//             	$("#akta").val(result.data);
		//             }
		//         });
		// 	}
		// });


		// $('#seksyen1').change(function(){
		// 	if( $(this).val()==""){
		// 		$("#jabatan1").prop("checked", false);
		// 		$('#jabatan1').empty();
		// 		$('#jabatan1').append('<option value="">Sila pilih jabatan</option>');

		// 		$("#akta1").val('-');
		// 	}
		// 	else {
		// 		$('#jabatan1').empty();
		// 		$('#jabatan1').append('<option value="">Sila pilih jabatan</option>');

		// 		$.ajax({
		//             type: "GET",
		//             url: "{{ url('api/filter-department-based-faulty') }}"+"/"+$(this).val(),
		//             success: function(result){
		//                 $.each(result.data, function(i, d) {
		//                     $('#jabatan1').append('<option value="' + d._id + '">' + d.nama + '</option>');
		//                     $('#jabatan1').prop('required',true);
		//                 });
		//             }
		//         });

		//         $.ajax({
		//             type: "GET",
		//             url: "{{ url('api/get-deedlaw-based-faulty') }}"+"/"+$(this).val(),
		//             success: function(result){
		//             	$("#akta1").val(result.data);
		//             }
		//         });
		// 	}
		// });

		var jenis = '{{ $compound->jenis }}';
		if(jenis == "Pelbagai"){
			$('#petak').hide();
			$('#pelbagai').show();
		}else if(jenis == "Parkir"){
			$('#pelbagai').hide();
			$('#petak').show();
		}

		//Limited Numbers
	    $(".js-section").select2({
	        maximumSelectionLength: 1
	    });
	});
</script>
@endsection