@extends('layout')
@section('title')
	Entri Surat Pemberitahuan | {{env('APP_NAME')}}
@endsection
@section('content')
<div class="kt-content  kt-grid__item kt-grid__item--fluid kt-grid kt-grid--hor" id="kt_content">
	<!-- begin:: Subheader -->
	<div class="kt-subheader   kt-grid__item" id="kt_subheader">
		<div class="kt-container  kt-container--fluid ">
			<div class="kt-subheader__main">
				<h3 class="kt-subheader__title">
					Entri Surat Pemberitahuan </h3>
				<span class="kt-subheader__separator kt-hidden"></span>
			</div>
			
		</div>
	</div>

	<!-- end:: Subheader -->

	<!-- begin:: Content -->
	<div class="kt-container  kt-container--fluid  kt-grid__item kt-grid__item--fluid">

		<!--begin::Portlet-->
		<div class="row">
			<div class="col-12">
				<div class="kt-portlet kt-portlet--mobile {{($data == null) ? '' : 'kt-hide'}}" id="data">
					<div class="kt-portlet__head kt-portlet__head--lg">
						<div class="kt-portlet__head-label">
							<span class="kt-portlet__head-icon">
								<i class="la la-calendar kt-font-success"></i>
							</span>
							<h3 class="kt-portlet__head-title">
								<span>
									<b>Sambung Baru</b> - Entri Surat Pemberitahuan
								</span>
							</h3>
						</div>
					</div>
					
					<div class="kt-portlet__body">
						<div class="kt-portlet__body kt-portlet__body--fit">
							<table class="table table-striped- table-bordered table-hover table-checkable" id="tabel">
								<thead>
									<tr>
										<th>No DaftarPB</th>
										<th>Nama</th>
										<th>Jalan</th>
										<th>Gang</th>
										<th>Nomor</th>
										<th>Notamb</th>
										<th>Tgl Daftar</th>
										<th>Flow PB</th>
										<th>Status PB</th>
										<th>Petugas Survey</th>
										<th>Hasil Survey</th>
										<th>Tgl Adm</th>
										<th>Tgl KirimHublang</th>
										<th>Actions</th>
									</tr>
								</thead>
							</table>
						</div>
					</div>
				</div>
			</div>
			<div class="col-12">
				<div class="kt-portlet kt-portlet--mobile {{($data == null) ? 'kt-hide' : ''}}" id="form">
					<div class="kt-portlet__head">
						<div class="kt-portlet__head-label">
							<h3 class="kt-portlet__head-title">
								<span>
									Form {{($data == null) ? 'Tambah' : 'Edit'}} Entri Surat Pemberitahuan
								</span>
							</h3>
						</div>
					</div>
					<div class="kt-portlet__body">
						<div class="kt-section" id="data-seleb">
							<div class="kt-section__content">
								<form class="kt-form kt-form--fit kt-form--label-align-right" method="post" action="{{route('suratpemberitahuan-simpan')}}">
									<input type="hidden" name="_token" value="{{csrf_token()}}">
									<input type="hidden" name="tipe" value="{{($data == null) ? 1 : 2}}">
									<div class="form-group kt-form__group row">
										<label class="col-form-label col-md-2">No Daftar PB</label>
										<div class="col-md-4">
											<input type="text" maxlength="2" style="text-transform: uppercase;" class="form-control kt-input kt-input--air" name="no_daftarpb" id="no_daftarpb" value="{{$data->no_daftarpb or ''}}">
										</div>
									</div>
									<div class="form-group kt-form__group row">
										<label class="col-form-label col-md-2">Wilayah</label>
										<div class="col-md-10">
											<input type="text" maxlength="2" style="text-transform: uppercase;" class="form-control kt-input kt-input--air" id="kd_wilayah" value="{{$data->kd_wilayah or ''}}">
										</div>
									</div>
									<div class="form-group kt-form__group row">
										<label class="col-form-label col-md-2">Nama Pemohon</label>
										<div class="col-md-10">
											<input type="text" maxlength="2" style="text-transform: uppercase;" class="form-control kt-input kt-input--air" id="nama" value="{{$data->pbdata->nama or ''}}">
										</div>
									</div>
									<div class="form-group kt-form__group row">
										<label class="col-form-label col-md-2">Alamat Pemohon</label>
										<div class="col-md-10">
											<input type="text" maxlength="2" style="text-transform: uppercase;" class="form-control kt-input kt-input--air" id="alamat" value="{{$data->pbdata->alamat_pemohon or ''}}">
										</div>
									</div>
									<div class="form-group kt-form__group row">
										<label class="col-form-label col-md-2">Jalan</label>
										<div class="col-md-10">
											<input type="text" maxlength="2" style="text-transform: uppercase;" class="form-control kt-input kt-input--air" id="jalan" value="{{$data->pbdata->jalan or ''}}">
										</div>
									</div>
									<div class="form-group kt-form__group row">
										<label class="col-form-label col-md-2">Gang</label>
										<div class="col-md-2">
											<input type="text" maxlength="2" style="text-transform: uppercase;" class="form-control kt-input kt-input--air" id="gang" value="{{$data->pbdata->gang or ''}}">
										</div>
										<label class="col-form-label col-md-2">Nomor</label>
										<div class="col-md-2">
											<input type="text" maxlength="2" style="text-transform: uppercase;" class="form-control kt-input kt-input--air" id="nomor" value="{{$data->pbdata->nomor or ''}}">
										</div>
										<label class="col-form-label col-md-2">Notamb</label>
										<div class="col-md-2">
											<input type="text" maxlength="2" style="text-transform: uppercase;" class="form-control kt-input kt-input--air" id="notamb" value="{{$data->pbdata->notamb or ''}}">
										</div>
									</div>
									<div class="form-group kt-form__group row">
										<label class="col-form-label col-md-2">Kode Kelurahan</label>
										<div class="col-md-2">
											<input type="text" maxlength="2" style="text-transform: uppercase;" class="form-control kt-input kt-input--air" id="kel" value="{{$data->pbdata->kelurahan or ''}}">
										</div>
										<label class="col-form-label col-md-2">SubZona</label>
										<div class="col-md-2">
											<input type="text" maxlength="2" style="text-transform: uppercase;" class="form-control kt-input kt-input--air" id="zona" value="{{$data->pbdata->zona or ''}}">
										</div>
									</div>
									@if(isset($data))
									<div class="form-group kt-form__group row">
										<label class="col-form-label col-md-2">Petugas</label>
										<div class="col-md-4">
											<select class="form-control kt-select2" id="ptg" style="width: 100%">
												<option selected="selected">Pilih Petugas</option>
												@foreach($ptg as $row)
												@if(isset($data))
													@if($data->pbdata->kd_ptgsurvey == $row->kd_ptgsurvey)
														<option selected value="{{$row->kd_ptgsurvey}}#{{$row->nama}}">{{$row->kd_ptgsurvey}} - {{$row->nama}}</option>
													@else
														<option value="{{$row->kd_ptgsurvey}}#{{$row->nama}}">{{$row->kd_ptgsurvey}} - {{$row->nama}}</option>
													@endif
												@else
				                                  	<option value="{{$row->kd_ptgsurvey}}#{{$row->nama}}">{{$row->kd_ptgsurvey}} - {{$row->nama}}</option>
				                              	@endif
				                              	@endforeach
											</select>
										</div>
										<label class="col-form-label col-md-2">Tgl SerahBon</label>
										<div class="col-md-2">
											<input type="input" maxlength="2" style="text-transform: uppercase;" class="form-control kt-input kt-input--air" id="tgl_serahbon" value="{{ \Carbon\Carbon::parse($data->tgl_serahbon)->format('Y-m-d')}}">
										</div>	
									</div>
									<div class="form-group kt-form__group row">
										<label class="col-form-label col-md-2">Tgl Survey</label>
										<div class="col-md-2">
											<input type="input" maxlength="2" style="text-transform: uppercase;" class="form-control kt-input kt-input--air" id="tgl_srv" value="{{ \Carbon\Carbon::parse($data->tgl_srv)->format('Y-m-d')}}">
										</div>
									</div>
									<div class="form-group kt-form__group row">
										<label class="col-form-label col-md-2">Hasil Survey</label>
										<div class="col-md-10">
											@foreach($srv as $row)
											@if(isset($data))
											@if($data->pbdata->kd_hslsurvey == $row->kd_hslsurvey)
											<input type="text" maxlength="2" style="text-transform: uppercase;" class="form-control kt-input kt-input--air" id="kd_hslsurvey" value="{{$row->kd_hslsurvey . ' - ' . $row->keterangan}}">
											@endif
											@endif
											@endforeach
										</div>
									</div>
									<div class="form-group kt-form__group row">
										<label class="col-form-label col-md-2">Tgl Adm</label>
										<div class="col-md-2">
											<input type="input" maxlength="2" style="text-transform: uppercase;" class="form-control kt-input kt-input--air" name="tgl_adm" id="tgl_adm" value="{{ \Carbon\Carbon::parse($data->pbbermasalah->tgl_adm)->format('Y-m-d')}}">
										</div>
									</div>
									@endif
									<div class="form-group kt-form__group row">
										<label class="col-form-label col-md-2">Tgl Kirim Hublang</label>
										<div class="col-md-2">
											<input type="input" maxlength="2" style="text-transform: uppercase;" class="form-control kt-input kt-input--air" id="tgl_kirimhublang" value="{{ $data->pbbermasalah->tgl_kirimhublang or ''}}">
										</div>
									</div>
									<div class="form-group kt-form__group row">
										<label class="col-form-label col-md-2">Pemberitahuan</label>
										<div class="col-md-10">
											<input type="input" style="text-transform: uppercase;" class="form-control kt-input kt-input--air" id="pemberitahuan" name="pemberitahuan" value="{{ $data->pbbermasalah->pemberitahuan or ''}}">
										</div>
									</div>
									<div class="form-group kt-form__group row">
										<label class="col-form-label col-md-2">&nbsp;</label>
										<div class="col-md-6">
											<button type="submit" class="btn btn-success">Simpan</button>
											<a href="{{route('suratpemberitahuan-link')}}"><button type="button" id="kembali" class="btn btn-secondary">Kembali</button></a>
										</div>
									</div>
								</form>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!--end::Portlet-->
	</div>

	<!-- end:: Content -->
</div>
@endsection
@section('css')
<link href="{{asset('assets/vendors/custom/datatables/datatables.bundle.css')}}" rel="stylesheet" type="text/css" />
<link href="{{asset('assets/vendors/general/select2/dist/css/select2.css')}}" rel="stylesheet" type="text/css" />
<style type="text/css">
	.modal-lg {
	    max-width: 75%;
	}
</style>
@endsection
@section('js')
<!--begin::Page Vendors -->
<script src="{{asset('assets/vendors/custom/datatables/datatables.bundle.js')}}" type="text/javascript"></script>
<script src="{{asset('assets/vendors/general/select2/dist/js/select2.full.js')}}" type="text/javascript"></script>

<script type="text/javascript">
	$(document).ready(function () {
		$("#tambah").click(function(){
			$("#data").addClass('kt-hide');
			$("#form").removeClass('kt-hide');
		});

		$('.kt_datepicker').datepicker({
			// todayHighlight:1	,
			autoclose:!0,
		    clearBtn: true,
			format:"yyyy-mm-dd",
			orientation: "bottom left",
		});

		$('#tabel').DataTable({
			"responsive": true,
	        "processing": true,
	        "serverSide": true,
	        "ajax": "{{ route('suratpemberitahuan-data',['filter' => '0;0']) }}",
	        "columns": [
	            {data: 'no_daftarpb'},
	            {data: 'pbdata.nama'},
	            {data: 'pbdata.jalan'},
	            {data: 'pbdata.gang'},
	            {data: 'pbdata.nomor'},
	            {data: 'pbdata.notamb'},
	            {data: 'tgl_daftarpb'},
	            {data: 'flow_pb'},
	            {data: 'status_pb'},
	            {data: 'pbdata.kd_ptgsurvey'},
	            {data: 'pbdata.kd_hslsurvey'},
	            {data: 'pbbermasalah.tgl_adm'},
	            {data: 'pbbermasalah.tgl_kirimhublang'},
	            {data: 'menu', orderable: false, searchable: false}
	        ]
	    });
	    $('.kt-select2').select2();


   //      $("#filter").click(function(){
	  //   	var url = "{{ url('suratpemberitahuan-data') }}/" + $('#fkab').val() + ';' + $('#fkec').val();
			// $('#tabel').DataTable().ajax.url(url).load();
	  //   });

	});

	</script>
@endsection