@extends('layout.app_706')
@section('title')
	Job List
@endsection
@section('content')
	<!--begin::Subheader-->
	<div class="subheader py-2 py-lg-4  subheader-solid " id="kt_subheader">
        <div class=" container-fluid  d-flex align-items-center justify-content-between flex-wrap flex-sm-nowrap">
            <!--begin::Info-->
            <div class="d-flex align-items-center flex-wrap mr-2">
                <!--begin::Page Title-->
                <h5 class="text-dark font-weight-bold mt-2 mb-2 mr-5">
                    @yield('title')
                </h5>
                <!--end::Page Title-->
            </div>
            <!--end::Info-->
        </div>
    </div>
    <!--end::Subheader-->

	<!--begin::Entry-->
    <div class="d-flex flex-column-fluid">
        <!--begin::Container-->
        <div class=" container-fluid ">
		<div class="row">
			<div class="col-12">
				<div class="card" id="data">
					<div class="card-body">
						<div class="m-section" id="data-kategori">
							<div class="m-section__content">
								<table class="table table-separate table-head-custom" id="tabel" width="100%">
									<thead>
										<tr>
											<th>Permohonan</th>
											<th>Disposisi</th>
											<th>Task</th>
											<!-- <th>Keterangan</th> -->
											<th>Remark SPV</th>
											<th>Estimasi</th>
											<!-- <th>Mulai</th> -->
											<th>Option</th>
										</tr>
									</thead>
									<tbody data-link="row" class="rowlinks">
									</tbody>
								</table>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>

        </div>
        <!--end::Container-->
    </div>
    <!--end::Entry-->

	<div class="modal modal-sticky" id="pickJob" role="dialog" x_data-keyboard="false" x_data-backdrop="static">
		<div class="modal-dialog modal-lg" role="document">
			<div class="modal-content card card-custom">
				<div class="modal-header card-header card-header-tabs-line">
					<div class="modal-title card-title" id="exampleModalLabel">
						<h3 class="card-label">Job Task</h3>
					</div>
					<div class="card-toolbar">
						<ul class="nav nav-tabs nav-bold nav-tabs-line mr-5">
							<li class="nav-item">
								<a class="nav-link active" data-toggle="tab" href="#kt_tab_pane_1_3">
									<span class="nav-icon"><i class="flaticon2-drop"></i></span>
									<span class="nav-text">Penyelesaian</span>
								</a>
							</li>
							{{-- 
							<li class="nav-item">
								<a class="nav-link" data-toggle="tab" href="#kt_tab_pane_2_3">
									<span class="nav-icon"><i class="flaticon2-chat-1"></i></span>
									<span class="nav-text">Chat</span>
								</a>
							</li>
							<li class="nav-item">
								<a class="nav-link" data-toggle="tab" href="#kt_tab_pane_3_3">
									<span class="nav-icon"><i class="flaticon2-clip-symbol"></i></span>
									<span class="nav-text">Files</span>
								</a>
							</li>
							--}}
						</ul>
						<a href="void:javascript();" class="btn btn-xs btn-icon btn-light btn-hover-primary" data-dismiss="modal" aria-label="Close">
							<i class="ki ki-close icon-xs text-muted"></i>
						</a>
					</div>
					<!-- <button type="button" class="x_close" data-dismiss="modal" aria-label="Close">
						<span aria-hidden="true">
							×
						</span>
					</button>  -->
				</div>
				{!! Form::open(['route' => 'listjob-update', 'id'=>'updateJob', 'enctype'=>'multipart/form-data']) !!}
				<input type="hidden" name="recid" id="recid">
				<input type="hidden" name="status" id="status">
				<div class="tab-content">
					<div class="tab-pane fade show active" id="kt_tab_pane_1_3" role="tabpanel" aria-labelledby="kt_tab_pane_1_3">
						<div class="modal-body card-body">
							<div class="col-lg-12" id="penyelesaian" style="display: none">
								<div class="form-group m-form__group row">
									<label class="col-form-label">Uraian Penyelesian</label>
									<textarea maxlength="450" name="uraian" class="form-control" placeholder="Uraian Penyelesaian" id="uraian"></textarea>
								</div>
							</div>
							<div class="col-lg-12">								
								<div class="form-group m-form__group row">
									<label for="fileName">
										Upload File
									</label>
									<div></div>
									<div class="custom-file">
										<input type="file" class="custom-file-input" name="fileUpload"  id="fileUpload" accept=".jpg,.jpeg,.png,.pdf">
										<label class="custom-file-label" for="fileUpload">
											Choose file
										</label>
									</div>
								</div>
								<!-- <div class="form-group m-form__group row">
									<label class="col-form-label">Upload File</label>
									<input type="file" class="form-control" name="fileUpload"  id="fileUpload" accept=".jpg,.jpeg,.png,.pdf">
								</div> -->
							</div>
							<div class="col-lg-12 text-right">
							</div>
						</div>
						<div class="modal-footer card-footer">
								<!-- <button type="button" class="btn btn-secondary" data-dismiss="modal">
									Close
								</button> -->
								<button type="submit" id="submitJob" class="btn btn-primary">
									Save changes
								</button>
						</div>
					</div>
					{{-- 
					<div class="tab-pane fade" id="kt_tab_pane_2_3" role="tabpanel" aria-labelledby="kt_tab_pane_2_3">
						<!--begin::Content-->
						<div class="flex-row-fluid" id="kt_chat_content">
                                    <!--begin::Card-->
                                    <!-- <div class="card card-custom"> -->
                                        <!--begin::Body-->
                                        <div class="card-body">
                                            <!--begin::Scroll-->
                                            <div class="scroll scroll-pull" data-height="300" data-mobile-height="300">
                                                <!--begin::Messages-->
                                                <div class="messages">
                                                    <!--begin::Message In-->
                                                    <div class="d-flex flex-column mb-5 align-items-start">
                                                        <div class="d-flex align-items-center">
                                                            <div class="symbol symbol-circle symbol-35 mr-3">
                                                                <img alt="Pic" src="avatar/user-pdam.png" />
                                                            </div>
                                                            <div>
                                                                <a href="#" class="text-dark-75 text-hover-primary font-weight-bold font-size-h6">Nich Larson</a>
                                                                <span class="text-muted font-size-sm">2 Hours</span>
                                                            </div>
                                                        </div>
                                                        <div class="mt-2 rounded p-5 bg-light-success text-dark-50 font-weight-bold font-size-lg text-left max-w-400px">
                                                            How likely are you to recommend our company
                                                            to your friends and family?
                                                        </div>
                                                    </div>
                                                    <!--end::Message In-->

                                                    <!--begin::Message Out-->
                                                    <div class="d-flex flex-column mb-5 align-items-end">
                                                        <div class="d-flex align-items-center">
                                                            <div>
                                                                <span class="text-muted font-size-sm">3 minutes</span>
                                                                <a href="#" class="text-dark-75 text-hover-primary font-weight-bold font-size-h6">You</a>
                                                            </div>
                                                            <div class="symbol symbol-circle symbol-35 ml-3">
                                                                <img alt="Pic" src="{{ asset('avatar/'.strtolower( trim(Auth::user()->userid) ).'.jpg') }}" />
                                                            </div>
                                                        </div>
                                                        <div class="mt-2 rounded p-5 bg-light-primary text-dark-50 font-weight-bold font-size-lg text-right max-w-400px">
                                                            Hey there, we’re just writing to let you know
                                                            that you’ve been subscribed to a repository on GitHub.
                                                        </div>
                                                    </div>
                                                    <!--end::Message Out-->

                                                    <!--begin::Message In-->
                                                    <div class="d-flex flex-column mb-5 align-items-start">
                                                        <div class="d-flex align-items-center">
                                                            <div class="symbol symbol-circle symbol-35 mr-3">
                                                                <img alt="Pic" src="avatar/user-pdam.png" />
                                                            </div>
                                                            <div>
                                                                <a href="#" class="text-dark-75 text-hover-primary font-weight-bold font-size-h6">Adam Cook</a>
                                                                <span class="text-muted font-size-sm">40 seconds</span>
                                                            </div>
                                                        </div>
                                                        <div class="mt-2 rounded p-5 bg-light-success text-dark-50 font-weight-bold font-size-lg text-left max-w-400px">
                                                            Ok, Understood!
                                                        </div>
                                                    </div>
                                                    <!--end::Message In-->

                                                    
                                                </div>
                                                <!--end::Messages-->
                                            </div>
                                            <!--end::Scroll-->
                                        </div>
                                        <!--end::Body-->

                                        <!--begin::Footer-->
                                        <div class="card-footer align-items-center">
                                            <!--begin::Compose-->
                                            <div class="d-flex align-items-center justify-content-between">
                                                <div class="mr-5">
                                            		<textarea class="form-control border-1" cols="100" rows="1" placeholder="Type a message"></textarea>
                                                </div>
                                                <div>
                                                    <button type="button" class="btn btn-primary btn-md text-uppercase font-weight-bold chat-send">Send</button>
                                                </div>
                                            </div>
                                            <!--begin::Compose-->
                                        </div>
                                        <!--end::Footer-->
                                    <!-- </div> -->
                                    <!--end::Card-->
                        </div>
                        <!--end::Content-->
					</div>
					<div class="tab-pane fade" id="kt_tab_pane_3_3" role="tabpanel" aria-labelledby="kt_tab_pane_3_3">
						<div class="modal-body card-body">
							<!--begin::Nav-->
							<div class="navi navi-icon-circle navi-spacer-x-0">
								<!--begin::Item-->
								<a href="#" class="navi-item">
									<div class="navi-link rounded">
										<div class="symbol symbol-50 mr-3">
											<div class="symbol-label"><i class="flaticon-bell text-success icon-lg"></i></div>
										</div>
										<div class="navi-text">
											<div class="font-weight-bold font-size-lg">
												5 new user generated report
											</div>
											<div class="text-muted">
												Reports based on sales
											</div>
										</div>
									</div>
								</a>
								<!--end::Item-->
								<!--begin::Item-->
								<a href="#" class="navi-item">
									<div class="navi-link rounded">
										<div class="symbol symbol-50 mr-3">
											<div class="symbol-label"><i class="flaticon2-box text-danger icon-lg"></i></div>
										</div>
										<div class="navi-text">
											<div class="font-weight-bold  font-size-lg">
												2 new items submited
											</div>
											<div class="text-muted">
												by Grog John
											</div>
										</div>
									</div>
								</a>
								<!--end::Item-->
							</div>
							<!--end::Nav-->
							<!--begin::Form-->
							<form id="kt_todo_reply_form">
								<!--begin::Body-->
								<div class="d-block">
									<!--begin::Message-->
									<div id="x_kt_todo_reply_editor" class="border-0" style="height: 100px">
									</div>
									<!--end::Message-->
									<!--begin::Attachments-->
									<div class="dropzone dropzone-multi px-8 py-4" id="kt_todo_reply_attachments">
										<div class="dropzone-items">
											<div class="dropzone-item" style="display:none">
												<div class="dropzone-file">
													<div class="dropzone-filename" title="some_image_file_name.jpg">
														<span data-dz-name>some_image_file_name.jpg</span> <strong>(<span data-dz-size>340kb</span>)</strong>
													</div>
													<div class="dropzone-error" data-dz-errormessage></div>
												</div>
												<div class="dropzone-progress">
													<div class="progress">
														<div class="progress-bar bg-primary" role="progressbar" aria-valuemin="0" aria-valuemax="100" aria-valuenow="0" data-dz-uploadprogress></div>
													</div>
												</div>
												<div class="dropzone-toolbar">
													<span class="dropzone-delete" data-dz-remove><i class="flaticon2-cross"></i></span>
												</div>
											</div>
										</div>
									</div>
									<!--end::Attachments-->
								</div>
								<!--end::Body-->

								<!--begin::Footer-->
								<div class="d-flex align-items-center justify-content-between py-5 pl-0 pr-0 border-top">
									<!--begin::Actions-->
									<div class="d-flex align-items-center mr-3">
										<div class="mr-5">
                                            <textarea class="form-control border-1" cols="100" rows="1" placeholder="Judul Lampiran"></textarea>
                                        </div>
										<!--begin::Send-->
										<span class="btn btn-icon btn-sm btn-clean mr-2" id="kt_todo_reply_attachments_select">
											<i class="flaticon2-clip-symbol"></i>
										</span>
										<div>
										<button type="button" class="btn btn-primary btn-md text-uppercase font-weight-bold chat-send">Simpan</button> 
										</div>
										<!--end::Send-->

										<!--begin::Other-->
										<!--end::Other-->
									</div>
									<!--end::Actions-->									
								</div>
								<!--end::Footer-->
							</form>
							<!--end::Form-->
						</div>
					</div>
					--}}
				</div>

				{!! Form::close() !!}
			</div>
		</div>
	</div>

	<div class="modal" id="ModalviewJob" role="dialog">
		<div class="modal-dialog modal-xl" role="document">
			<div class="modal-content">
				<div class="modal-header">
					<h5 class="modal-title" id="exampleModalLabel">
						Detail Job
					</h5>
					<button type="button" class="close" data-dismiss="modal" aria-label="Close">
						<span aria-hidden="true">
							×
						</span>
					</button>
				</div>
				<div class="modal-body">
					<form class="m-form m-form--state">
						<div class="row">
							<div class="col-lg-6">
								<div class="form-group m-form__group">
									<label class="col-form-label">Judul Job</label>
									<input type="text" name="judulJob" readonly class="form-control" id="judulJob">
								</div>
								<div class="form-group m-form__group">
									<label class="col-form-label">Uraian Job</label>
									<textarea name="uraianJob" readonly class="form-control" id="uraianJob"></textarea>
								</div>
								<div class="form-group m-form__group">
									<label class="col-form-label">Image</label>
									<a href="" id="linkImgJob" style="display: block" target="_blank">
										<img src="" id="imgJob" style="height: 150px;width: auto;">
									</a>
								</div>
							</div>
							<div class="col-lg-6">
								<div class="form-group m-form__group">
									<label class="col-form-label">Task</label>
									<input type="text" name="task_" readonly class="form-control" id="task">
								</div>
								<div class="form-group m-form__group">
									<label class="col-form-label">Catatan</label>
									<textarea name="tasknote" readonly class="form-control" id="task-note"></textarea>
								</div>
								<div class="form-group m-form__group">
									<label class="col-form-label">Estimasi Job</label>
									<input type="text" name="estimasi" readonly class="form-control" id="estimasi">
								</div>
								<div class="form-group m-form__group">
									<label class="col-form-label">Spv Remark</label>
									<textarea name="uraianremarkSpv" readonly class="form-control" id="uraianremarkSpv"></textarea>
								</div>
								<div class="form-group m-form__group has-danger m--hide" id="div-checker">
									<label class="col-form-label">Remark Checker</label>
									<textarea name="uraianremarkSpv" readonly class="form-control" id="remark-checker"></textarea>
								</div>
							</div>
						</div>
					</form>
				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-secondary" data-dismiss="modal">
						Close
					</button>
				</div>
			</div>
		</div>
	</div>
@endsection
@section('css')
<link href="{{asset('assets_7.0.6/plugins/custom/datatables/datatables.bundle.css?v=7.0.6')}}" rel="stylesheet" type="text/css" />
<style type="text/css">
	@media (max-width: 991.98px){
		.d-none-mobile {
			display:none!important;
		}
		.w_200px { max-width:100px!important;}
	}
	@media (min-width: 992px){
		.modal-lg {
			max-width: 50%;
		}			
		/* .table th, .table td { 
			overflow: hidden; 
			text-overflow: ellipsis; 
			white-space: nowrap; 
    		-webkit-line-clamp: 3;
		} */
		.table td div {
			overflow: hidden; 
			text-overflow: ellipsis; 
			white-space: nowrap; 
    		-webkit-line-clamp: 3;
		}
		.w-100px { max-width:100px!important;}
		.w_200px { width:200px!important;}
		.w-200px { max-width:200px!important;}
		.w-300px { max-width:300px!important;}
		.w-400px { max-width:400px!important;}
	}
</style>
@endsection
@section('js')
<!--begin::Page Vendors -->
	<script src="{{ asset('global_assets/js/plugins/forms/validation/validate.min.js') }}"></script>
	<script src="{{asset('assets_7.0.6/js/pages/crud/forms/editors/summernote.js?v=7.0.6')}}" type="text/javascript"></script>
	<script src="{{asset('assets_7.0.6/plugins/custom/datatables/datatables.bundle.js?v=7.0.6')}}" type="text/javascript"></script>
	<script src="{{asset('assets_7.0.6/plugins/custom/moment/moment.min.js?v=7.0.6')}}"></script>
	<script src="{{asset('assets_7.0.6/plugins/custom/moment/moment_locales.min.js?v=7.0.6')}}"></script>
	<script src="{{asset('assets_7.0.6/js/pages/custom/todo/todo.js?v=7.0.6')}}"></script>
	<script src="{{asset('assets_7.0.6/js/pages/custom/chat/chat.js?v=7.0.6')}}"></script>
	<script src="{{asset('assets_7.0.6/plugins/custom/extensions/rowlink.js?v=7.0.6')}}"></script>
	<script type="text/javascript">

		function pickjob(id,status) {
			KTApp.block("#tabel",{
				overlayColor:"#000000",
				type:"loader",
				state:"success",
				message:"Please wait...",
				// baseZ: 1000, 
			});
			$.ajax( {
				type: "POST",
				url: "{{route('listjob-update')}}",
				data: {'recid':id,'status':status,'_token':'{{csrf_token()}}'},
				success: function( response ) {
					if (response.status==true){
						$('body').append(response.message);
						$('#tabel').DataTable().ajax.reload();
					} else{
						$('body').append(response.message);
					}
					KTApp.unblock("#tabel");
				}
			});
		}
		
		function finishJob(id,status) {
			KTApp.block("#tabel",{
				overlayColor:"#000000",
				type:"loader",
				state:"success",
				message:"Please wait...",
				// baseZ: 1000, 
			});
			$('#dateJob').empty();
			$('#dateJob').append('Tanggal Selesai');
			$('#recid').val(id);
			$('#status').val(status);
			$('#penyelesaian').show();
			$('#pickJob').modal('show');
			KTApp.unblock("#tabel");
			$(document).on( 'change keyup keydown paste cut', 'textarea', function (){
				$(this).height(0).height(this.scrollHeight);
			})
			.find( 'textarea' ).change();
		}

		function viewjob(id) {
			KTApp.block("#tabel",{
				overlayColor:"#000000",
				type:"loader",
				state:"success",
				message:"Please wait...",
				// baseZ: 1000, 
			});
			$.ajax( {
				type: "POST",
				url: "{{route('get.job.detail')}}",
				data: {'recid':id,'_token':'{{csrf_token()}}'},
				success: function( response ) {
					console.log(response);
					if (response.status==true){
						// $('body').append(response.message);
						$('#estimasi').val(response.data.estimasi+' Hari');
						$('#judulJob').val(response.data.data.judul);
						$('#linkImgJob').prop('href',response.uri+response.data.data.foto);
						$('#imgJob').prop('src',response.uri+response.data.data.foto);
						// $('#uraianJob').empty();
						// $('#uraianJob').append(response.data.data.uraian);
						$('#uraianJob').text(response.data.data.uraian);
						$('#task').val(response.data.requirement);
						// $('#task-note').empty();
						// $('#task-note').append(response.data.keterangan);
						$('#task-note').text(response.data.keterangan);
						// $('#uraianremarkSpv').empty();
						// $('#uraianremarkSpv').append(response.data.remarkspv);
						$('#uraianremarkSpv').text(response.data.remark);
						if(response.data.status == '9'){
							$("#div-checker").removeClass('m--hide');
							$("#remark-checker").text(response.data.remark_checker);
						} else{
							$("#div-checker").addClass('m--hide');
						}
						$('#ModalviewJob').modal('show');
					} else{
						$('body').append(response.message);
					}
					KTApp.unblock("#tabel");
				}
			});
		}

		$(document).ready(function () {
			$('#uraian').maxlength({
				threshold           : 5,
				warningClass        : "label label-warning label-rounded label-inline",
				limitReachedClass   : "label label-success label-rounded label-inline",
				appendToParent 		: true
			});

			$(".date-picker").datepicker({
				format: "dd-mm-yyyy",
				todayHighlight:!0,
				orientation:"bottom left",
				templates:{leftArrow:'<i class="la la-angle-left"></i>',rightArrow:'<i class="la la-angle-right"></i>'},
				autoHide: true
			});
							
			var groupColumn = 0;
			$('#tabel').DataTable({
				"processing": true,
				"serverSide": true,
				"ajax": "{{ route('listJobData') }}",
				"order": [[ 0, 'desc' ]],
				// "columnDefs": [
				//     { "visible": false, "targets": [0] },
				// ],
				"columns": [		
					// {data: 'data_recid', searchable: false, visible: false },				
					{ data: null, className: 'align-top' , orderable:false, defaultContent: "", visible: false , 
						render: function(data, type, row, meta) {
							var output = '';
							output += '<span class="d-none-mobile">' + data.data.judul + '</span>';
							output += '</div>';
							return output;
						}
					},  					 			
					{ data: null, name: 'disposisi_at' , className: 'align-top text-right w-100px' , searchable: false, defaultContent: "", 
						render: function(data, type, row, meta) {
							var output = '';
							output += '<div class="font-weight-bolder text-primary mb-0">' + moment(data.disposisi_at).format('DD MMM YYYY') + '</div>';
							if ( data.status == 9 ){
								output += '<br><span class="m-badge m-badge--danger m-badge--wide">Rejected</span>';
							}
							return output;
						}
					}, 						
					{ data: null, name: 'requirement' , className: 'align-top mw-450px' , orderable:false, defaultContent: "", 
						render: function(data, type, row, meta) {
							// console.log(data);
							var output = '';
							output += '<div class="font-weight-bold font-size-lg mb-0">' + data.requirement + '</div>';
							output += '<div class="text-truncate">';
							// if( data.data.judul !== null && data.data.judul !== '' ){
							// 	output += '<span class="d-none-mobile">' + data.data.judul.replace(/<\/?[^>]+>/ig, " ") + '</span>';
							// }
							// if( data.data.uraian !== null && data.data.uraian !== ''){
							// 	output += '<span class="text-muted d-none-mobile"> - ' + data.data.uraian.replace(/<\/?[^>]+>/ig, " ") + '</span>';
							// }
							// output += '<span class="d-none-mobile">' + data.data.judul + '</span>';
							// output += '<span class="d-none-mobile">' + data.data.uraian + '</span>';
							output += '</div>';
							if ( data.keterangan !== null ){
								output += '<div class="font-weight-bold text-muted">' + data.keterangan + '</div>';
							}
							return output;
						}
					},   	
					// {data: 'requirement'},
					// {data: 'keterangan'},
					{ data: 'remark' , className: 'align-top' , visible: false },								 			
					{ data: null, name: 'tgl_mulai' , className: 'align-top text-right w-100px' , searchable: false, defaultContent: "", 
						render: function(data, type, row, meta) {
							var output = '';
							if (data.tgl_mulai && data.estimasi){
								var new_date = moment(data.tgl_mulai).add( parseInt(data.estimasi) , 'days').format('DD MMM YYYY');
							}
							else if (data.estimasi){
								var new_date =data.estimasi+" hari";
							}
							else {
								var new_date = "-";
							}
							output += '<div class="font-weight-bolder text-primary mb-0">' + new_date +'</div>';
							return output;
						}
					}, 						
					// {data: 'estimation'},
					// {data: 'tgl_mulai'},
					{data: 'option','xclass':'align-top text-center',className:'w-100px align-top text-center rowlink-skip', visible: true,orderable: false,searchable: false},
				],
				// "order": [[2,'desc']],
				"drawCallback": function( settings ) {             
					var api = this.api();	              
					api.$('td').not( ".NoClick" ).css('cursor','pointer');
					// api.$('td a').ripple();
					var rows = api.rows( {page:'current'} ).nodes();
					var last=null;	 
					api.column(groupColumn, {page:'current'} ).data().each( function ( group, i ) {
						if ( last !== group.data.judul ) {
							// var status = api.row(rows[i]).data().kantor_status;
							// if ( status=="aktif"){
							// 	var class_status = "primary";
							// }
							// else {
							// 	var class_status = "warning";
							// }
							// console.log(group);
							$(rows).eq( i ).before(
								'<tr class="border-2" _style="cursor:pointer" >'+
								'<td colspan="5" class="h6 font-weight-bolder font-size-lg NoClick">'+group.data.judul+'</td>'+
								'</tr>'
							);		 
							last = group.data.judul;
						}
					});
				},
			});

			$('#updateJob').submit(function (event) {
				event.preventDefault();
				var post_url = $(this).attr("action"); //get form action url
				var form = $('#updateJob')[0]; // You need to use standard javascript object here
				var formData = new FormData(form);
				$.ajax( {
					type: "POST",
					url: post_url,
					processData: false,
					contentType: false,
					data: formData,
					success: function( response ) {
						if (response.status==true){
							$('body').append(response.message);
							$('#tabel').DataTable().ajax.reload();
							$('#updateJob').trigger('reset');
							$('#recid').val('');
							$('#status').val('');
							$('#pickJob').modal('hide');
						} else{
							$('body').append(response.message);
						}
					}
				});

			});		
				
			$('#ModalviewJob').on('shown.bs.modal', function() {
				$('#ModalviewJob textarea').each(function () {
					var $textArea = $(this);
					$textArea.summernote({
						// height: 75,
						toolbar: false,
						tabsize: 2
					}).summernote("disable");;
				});
				// $(document).on( 'change keyup keydown paste cut', 'textarea', function (){
				//     $(this).height(0).height(this.scrollHeight);
				// })
				// .find( 'textarea' ).change();
			});
			$('#ModalviewJob').on('hidden.bs.modal', function() {
				$('#ModalviewJob textarea').each(function () {
					var $textArea = $(this);
					$textArea.summernote("destroy");
				});
			});
		});
	</script>
@endsection