@if($setting['form-method'] =='native')
<div class="card">
	<div class="card-body">
@endif
		<div class="form-ajax-box">
		{!! Form::open(array('url'=>'ajuantebang?return='.$return, 'class'=>'form-horizontal  sximo-form validated','files' => true , 'parsley-validate'=>'','novalidate'=>' ','id'=> 'ajuantebangFormAjax')) !!}

			<div class="toolbar-nav">	
				<div class="row">	
					
					<div class="col-md-6">
						<a href="javascript://ajax" onclick="ajaxViewClose('#{{ $pageModule }}')" class="tips btn btn-sm btn-danger  " title="{{ __('core.btn_back') }}" ><i class="fa  fa-times"></i></a>
					</div>
					<div class="col-sm-6 text-right">	
						<div class="btn-group">
							<button type="submit" class="btn btn-sm  btn-primary " name="apply"> {{ Lang::get('core.sb_apply') }} </button>
							<button type="submit" class="btn btn-sm btn-success" name="save">  {{ Lang::get('core.sb_save') }} </button>
						</div>	
					</div>	
							
				</div>
			</div>	
				<div class="row">

			
			<div class="col-md-12">
						<fieldset><legend> Ajuan Tebang</legend>
				{!! Form::hidden('id', $row['id']) !!}					
									  <div class="form-group row  " >
										<label for="Lahan Id" class=" control-label col-md-4 "> Lahan Id </label>
										<div class="col-md-5">
										  <input  type='text' name='lahan_id' id='lahan_id' value='{{ $row['lahan_id'] }}' 
						     class='form-control form-control-sm ' readonly/>
							 <input  type='text' name='afdeling' id='afdeling' style='display:none' />
							 <input  type='text' name='rayon' id='rayon' style='display:none' /> 		
							 <input  type='text' name='taksasi_tonperha' id='taksasi_tonperha' style='display:none' />
							 <input  type='text' name='taksasi_ton' id='taksasi_ton' style='display:none' />
							 <input  type='text' name='luas_poligon' id='luas_poligon' style='display:none' />
							 				<div id="infopetak"></div>					 				 
										 </div> 
										 <div class="col-md-3">
											<button class="btn btn-sm btn-info popup" type="button" data-toggle="modal" data-target="#searchModal" id="getmodalahantakdes" ><i class="fa fa-search"></i> Cari</button>
										</div>
										 
									  </div> 		
										
									  
									  <div class="form-group row  " >
										<label for="Periode Tebang" class=" control-label col-md-4 "> Periode Tebang </label>
										<div class="col-md-8">
										  <select name='periode_tebang' rows='5' id='periode_tebang' class='select2 '   ></select> 
										 </div> 
										 
									  </div> 					
									  <div class="form-group row  " >
										<label for="Brix Kebun" class=" control-label col-md-4 "> Brix Kebun </label>
										<div class="col-md-8">
										  <input  type='number' name='brix_kebun' id='brix_kebun' value='{{ $row['brix_kebun'] }}' step='any'
						     class='form-control form-control-sm ' /> 
										 </div> 
										 
									  </div> 					
									  <div class="form-group row  " >
										<label for="Taksasi Pra Tebang" class=" control-label col-md-4 "> Taksasi Pra Tebang (Ton/Ha) </label>
										<div class="col-md-8">
										  <input  type='number' name='taksasi_pratebang' id='taksasi_pratebang' value='{{ $row['taksasi_pratebang'] }}' step='any'
						     class='form-control form-control-sm ' /> 
										 </div> 
										 
									  </div>
									  
									  <div class="form-group row  " >
										<label for="Jenis Angkutan" class=" control-label col-md-4 "> Jenis Angkutan </label>
										<div class="col-md-8">
											<select name='jenis_kendaraan_angkutan' rows='5' id='jenis_kendaraan_angkutan' class='select2 '   >
												<option value="">-- Pilih Jenis Angkutan --</option>
												<option value="Truk Kecil">Truk Kecil</option>
												<option value="Truk Besar Normal">Truk Besar Normal</option>
												<option value="Truk Besar Panjang">Truk Besar Panjang</option>
												<option value="Truk Gandeng">Truk Gandeng</option>
												<option value="Trailer">Trailer</option>
												<option value="Truk Besar Panjang 2">Truk Besar Panjang 2</option>
												<option value="Odong-Odong SK13">Odong-Odong SK13</option>
												<option value="Odong-Odong SK14">Odong-Odong SK14</option>
												<option value="Odong-Odong SK15">Odong-Odong SK15</option>
												<option value="Pickup SK15">Pickup SK15</option>
												<option value="Paket Truk SK15">Paket Truk SK15</option>
												<option value="Truk Raksasa SK15">Truk Raksasa SK15</option>
												<option value="Truk Fuso SK15">Truk Fuso SK15</option>
											</select>										   
										 </div> 
										 
									  </div>
									</fieldset></div>									
				
			<input type="hidden" name="action_task" value="save" />				
						


			

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

@if($setting['form-method'] =='native')

	</div>
</div>
@endif

<!-- Modal -->
<div class="modal fade" id="searchModal"  role="dialog" aria-labelledby="searchModalLabel" aria-hidden="true">
  <div class="modal-dialog modal-lg" style="min-width: 80%;" role="document">
	<div class="modal-content">
	  <div class="modal-header">
		<h5 class="modal-title" id="searchModalLabel">Search</h5>
		<button type="button" class="close" data-dismiss="modal" aria-label="Close">
		  <span aria-hidden="true">&times;</span>
		</button>
	  </div>
	  <div class="modal-body">
		
		<div class="row mt-3">
			<div class="col-md-12" style="overflow: auto;">
			<table id="takdesTable" class="display table table-striped table-hover dataTable no-footer" cellspacing="0" width="100%" role="grid" aria-describedby="takdesTable_info" style="width: 100%;">
					<thead>
					
						
					</thead>	
					<tbody>
						</tbody>
					<tfoot>
					
					</tfoot>
				</table>	
			</div>
		</div>
	  </div>
	  <div class="modal-footer">
		<button type="button" class="btn btn-sm btn-secondary" data-dismiss="modal">Close</button>
		<button type="button" class="btn btn-sm btn-primary" id="selectResult">Select</button>
	  </div>
	</div>
  </div>
</div>

@include('sximo.module.template.ajax.formjavascript')

<script type="text/javascript">
$(document).ready(function() { 
	
		$("#periode_tebang").jCombo("{!! url('ajuantebang/comboselect?filter=master_bulan_tanam:bulan_tanam:bulan_tanam') !!}",
		{  selected_value : '{{ $row["periode_tebang"] }}' });
	 
				
	var form = $('#ajuantebangFormAjax'); 
	form.parsley();
	form.submit(function(){
		
		if(form.parsley().isValid()){			
			var options = { 
				dataType:      'json', 
				beforeSubmit :  function(){
				},
				success: function(data) {
					if(data.status == 'success')
					{
						ajaxViewClose('#{{ $pageModule }}');
						var table = $('#ajuantebangTable').DataTable();
						table.ajax.reload();
						notyMessage(data.message);	
						$('#sximo-modal').modal('hide');	
					} else {
						notyMessageError(data.message);	
						return false;
					}
				}  
			}  
			$(this).ajaxSubmit(options); 
			return false;
						
		} else {
			return false;
		}		
	
	});

});

var table2;
$('#getmodalahantakdes').on('click', function() {
	updateTableHeaders('#takdesTable', getDefaultColumns());
	table2 = initializeDataTable('#takdesTable', "{!! url('txtakdes') !!}");

});

function initializeDataTable(selector, url, columns = getDefaultColumns()) {

	return $(selector).DataTable({
		"processing": true,
		"serverSide": true,
		"destroy": true,
		"ajax": { 
			"url": url, 
			"type": "POST",
		},
		"searching": true,
		"lengthMenu": [[10, 25, 50, -1], [10, 25, 50, "All"]],
		"columnDefs": [{ "targets": [0], "visible": false, "orderable": false, "className": 'select-checkbox' }],
		"columns": columns,
		'order': [[1, 'asc']],
		initComplete: function() {
			this.api().columns().every(function() {
				let column = this;
				let footer = column.footer();
				if (footer) {
					let input = $('<input>').attr('placeholder', footer.textContent || '');
					$(footer).empty().append(input);
					input.on('keyup', function() {
						console.log('Searching for:', this.value);
						console.log('In column:', column.index());
						if (column.search() !== this.value) column.search(this.value).draw();
					});
				}
			});
		}
	});
}


function updateTableHeaders(selector, columns) {
	let headers = columns.map(col => `<th>${col.data}</th>`).join('');
	$(selector + ' thead').html(`<tr>${headers}</tr>`);
	$(selector + ' tfoot').html(`<tr>${headers}</tr>`);
}


$('#takdesTable tbody').on('click', 'tr', function () {
	if ($(this).hasClass('selected')) {
		$(this).removeClass('selected');
	} else {
		table2.$('tr.selected').removeClass('selected');
		$(this).addClass('selected');
	}
	
});

function setidlahan(id_lahan_polygon) {
	var cleanId = id_lahan_polygon.replace(/<[^>]*>/g, '');
	$('#lahan_id').val(cleanId);
	console.log('lahan_id', cleanId);
}

$('#selectResult').on('click', function() {
	var selectedData = table2.row('.selected').data();
	if (selectedData) {
		setidlahan(selectedData.lahan_id);
		var infoHtml = '<div class="alert alert-info">' +
			'<strong>Deskripsi Petak:</strong> ' + selectedData.deskripsi_petak +
			'<strong>Afdeling:</strong> ' + selectedData.afdeling +
			'<strong>Asman:</strong> ' + selectedData.asman +
			'<strong>Luas Poligon (Ha):</strong> ' + selectedData.luas_poligon +
			'<strong>Taksasi (Ton/Ha):</strong> ' + selectedData.takdes_tonperha  +
			'<strong>Taksasi (Ton):</strong> ' + selectedData.takdes_ton  +
			'</div>';
			$('#afdeling').val(selectedData.afdeling.replace(/<[^>]*>/g, ''));
			$('#rayon').val(selectedData.kode_rayon.replace(/<[^>]*>/g, ''));
			$('#taksasi_tonperha').val(selectedData.takdes_tonperha.replace(/<[^>]*>/g, ''));
			$('#taksasi_ton').val(selectedData.takdes_ton.replace(/<[^>]*>/g, ''));
			$('#luas_poligon').val(selectedData.luas_poligon.replace(/<[^>]*>/g, ''));
		$('#infopetak').html(infoHtml);
		$('.modal').modal('hide');
		// console.log('Selected Data:', selectedData.id_lahan_polygon_efarming);
	} else {
		alert('Please select a row first.');
	}
});


function getDefaultColumns() {
	return [
{"data":"rowId"},
{"data":"id"},
{"data":"jawa_luarjawa"},
{"data":"cluster"},
{"data":"kode_kebun"},
{"data":"nama_kebun"},
{"data":"nama_general_manager"},
{"data":"kode_rayon"},
{"data":"nama_rayon"},
{"data":"nama_manajer_tanaman"},
{"data":"afdeling"},
{"data":"asman"},
{"data":"asmud"},
{"data":"kode_petak_sap"},
{"data":"project_def_sap"},
{"data":"no_kontrak_efarming"},
{"data":"lahan_id"},
{"data":"group_lahan_id"},
{"data":"deskripsi_petak"},
{"data":"luas_poligon"},
{"data":"tahun_tanam"},
{"data":"masa_tanam"},
{"data":"bulan_tanam"},
{"data":"jenis_kategori_1"},
{"data":"jenis_kategori_2"},
{"data":"kategori_lahan_1"},
{"data":"kategori_lahan_2"},
{"data":"kepemilikan"},
{"data":"jenis_tanah"},
{"data":"tipologi_lahan"},
{"data":"varietas"},
{"data":"tinggi_batang_sekarang"},
{"data":"tinggi_batang_akhir"},{"data":"berat_batang_sekarang"},{"data":"berat_batang_akhir"},{"data":"jumlah_juring_perha"},{"data":"jumlah_juring_total"},{"data":"jumlah_batang_perjuring_sekarang"},{"data":"jumlah_batang_perjuring_akhir"},{"data":"panjang_juring"},{"data":"panjang_juring_perha"},{"data":"pkp_meter"},{"data":"diameter_batang_sekarang"},{"data":"diameter_batang_akhir"},{"data":"jumlah_batang_permeter_sekarang"},{"data":"jumlah_batang_permeter_akhir"},{"data":"desa"},{"data":"kecamatan"},{"data":"kabupaten"},{"data":"taksasi_pandang_tonperha"},{"data":"taksasi_hitung_tonperha"},{"data":"takdes_tonperha"},{"data":"takdes_ton"},{"data":"clusterisasi_protas"},{"data":"rendemen_persen"},{"data":"rendemen_bagihasil_persen"},{"data":"hablur_ton"},{"data":"hablur_perha"},{"data":"hablur_milik_ton"},{"data":"gula_milik_ton"},{"data":"tetes_milik_ton"},{"data":"kode_pg_penggiling"},{"data":"nama_pg_penggiling"},{"data":"jarak_petak_kepg"},{"data":"angkutan"},{"data":"jenis_muat"},{"data":"periode_tebng_rencana"},{"data":"kelompok_hgu"},{"data":"ex_regional"},{"data":"entry_by"},{"data":"action"}
	];
}


</script>