@if($setting['form-method'] =='native')
				<div class="row">

			
			<div class="col-lg-6">
<div class="card">
	<div class="card-body">
@endif
		<div class="form-ajax-box">
		{!! Form::open(array('url'=>'pengeluaranbbm?return='.$return, 'class'=>'form-vertical  sximo-form validated','files' => true , 'parsley-validate'=>'','novalidate'=>' ','id'=> 'pengeluaranbbmFormAjax')) !!}

			<div class="toolbar-nav">	
				<div class="row">	
					
					<div class="col-md-12">
						<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 class="btn-group" style="display:block; float:right;">
							<button type="submit" class="btn btn-sm btn-success" name="save">  {{ Lang::get('core.sb_save') }} </button>
						</div>
					</div>
						
							
				</div>
			</div>	

						<fieldset><legend> </legend>
				{!! Form::hidden('id', $row['id']) !!}					
									<div class="form-group  " >
										<label for="ipt" class=" control-label "> Nomer kartu </label>
										<div class="input-group">
											<input type="text" name="no_kartu" id="no_kartu" class="form-control form-control-sm" />
											<button type="button" class="btn btn-info btn-sm" onclick="setFormDataFromKartu($('#no_kartu').val())">Cek</button>
											<button type="button" class="btn btn-secondary btn-sm" onclick="window.flutter_inappwebview.callHandler('scanHandler','no_kartu')">Scan</button>
										</div>
									  </div>  
									<div class="form-group  " >
										<label for="ipt" class=" control-label "> Kode Permintaan </label>
										<div class="input-group">
											<input type="text" name="kode_permintaan" id="kode_permintaan" value="{{ $row['kode_permintaan'] }}" class="form-control form-control-sm" />
											<button type="button" class="btn btn-info btn-sm" onclick="setFormDataFromPermintaanBbm($('#kode_permintaan').val())">Cek</button>
											<button type="button" class="btn btn-secondary btn-sm" onclick="window.flutter_inappwebview.callHandler('scanHandler','kode_permintaan')">Scan</button>
										</div>
									  </div> 					
									  <div class="form-group  " >
										<label for="ipt" class=" control-label "> Tgl Keluar    </label>									
										  <input  type='date' name='tgl_keluar' id='tgl_keluar' value='{{ $row['tgl_keluar'] ? $row['tgl_keluar'] : date("Y-m-d") }}' 
						     class='form-control form-control-sm ' readonly /> 						
									  </div> 					
									  <div class="form-group  " >
										<label for="ipt" class=" control-label "> Statiun    </label>									
										  <input  type='text' name='statiun_id' id='statiun_id' value='{{ $row['statiun_id'] }}' 
						     class='form-control form-control-sm ' style='display:none;' /> 						
							 <input  type='text' name='statiun' id='statiun' class='form-control form-control-sm ' readonly /> 						
									  </div> 					
									  <div class="form-group  " >
										<label for="ipt" class=" control-label "> Nomer Kartu    </label>									
										  <input  type='text' name='nomer_kartu' id='nomer_kartu' value='{{ $row['nomer_kartu'] }}' 
						     class='form-control form-control-sm ' readonly /> 						
									  </div> 					
									  <div class="form-group  " >
										<label for="ipt" class=" control-label "> Kendaraan    </label>									
										  <input  type='text' name='kendaraan_id' id='kendaraan_id' value='{{ $row['kendaraan_id'] }}' 
						     class='form-control form-control-sm '  style='display:none;'/> 		
							 <input  type='text' id='no_kendaraan'  class='form-control form-control-sm ' readonly /> 		
							 <input  type='text' id='deskripsi_kendaraan'  class='form-control form-control-sm ' readonly /> 						
									  </div> 					
									  <div class="form-group  " >
										<label for="ipt" class=" control-label "> Jenis Bbm    </label>									
										  <input  type='text' name='jenis_bbm' id='jenis_bbm_id' value='{{ $row['jenis_bbm'] }}' 
						     class='form-control form-control-sm ' style='display:none;'/> 			
							 			<input  type='text' id='jenis_bbm'  class='form-control form-control-sm ' readonly /> 				
									  </div> 					
									  <div class="form-group  " >
										<label for="ipt" class=" control-label "> Jumlah    </label>									
										  <input  type='number' name='jumlah' id='jumlah' value='{{ $row['jumlah'] }}' 
						     class='form-control form-control-sm ' /> 						
									  </div> 					
									  <div class="form-group  " >
										<label for="ipt" class=" control-label "> Satuan    </label>									
										  <input  type='text' name='satuan' id='satuan' value='{{ $row['satuan'] }}' 
						     class='form-control form-control-sm ' readonly /> 						
									  </div> {!! Form::hidden('petugas', $row['petugas']) !!}{!! Form::hidden('createdOn', $row['createdOn']) !!}{!! Form::hidden('updatedOn', $row['updatedOn']) !!}{!! Form::hidden('unit', $row['unit']) !!}</fieldset>
									
				
			<input type="hidden" name="action_task" value="save" />				
						


			

			
		{!! Form::close() !!}
				
@if($setting['form-method'] =='native')

	</div>
</div>
	</div>
</div>
@endif

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

<script type="text/javascript">
	var jmlbbm = 0;
$(document).ready(function() { 
	 
	
	 
				
	var form = $('#pengeluaranbbmFormAjax'); 
	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 = $('#pengeluaranbbmTable').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;
		}		
	
	});

});

function setFormDataFromPermintaanBbm(id) {
	$.ajax({
		url: '{{ url("pengeluaranbbm/getPermintaanBbmData") }}',
		type: 'GET',
		data: { kode_permintaan: id },
		dataType: 'json',
		success: function(response) {
			if (response && response.data) {
				$('#statiun_id').val(response.data.statiun_id || '');
				$('#statiun').val(response.data.stasiun || '');
				$('#nomer_kartu').val(response.data.nomer_kartu || '');
				$('#kendaraan_id').val(response.data.kendaraan_id || '');
				$('#no_kendaraan').val(response.data.no_kendaraan || '');
				$('#deskripsi_kendaraan').val(response.data.deskripsi_kendaraan || '');
				$('#jenis_bbm_id').val(response.data.jenis_bbm_id || '');
				$('#jenis_bbm').val(response.data.jenis_bbm || '');
				$('#jumlah').val(response.data.sisa_bbm || '');
				$('#satuan').val(response.data.satuan || '');
				jmlbbm = parseFloat(response.data.sisa_bbm) || 0;
			} else {
				notyMessageError('Data tidak ditemukan');
			}
		},
		error: function() {
			notyMessageError('Gagal mengambil data permintaan BBM');
		}
	});
}

function setFormDataFromKartu(noKartu) {
	$.ajax({
		url: '{{ url("pengeluaranbbm/getPermintaanBbmByKartu") }}',
		type: 'GET',
		data: { nomer_kartu: noKartu },
		dataType: 'json',
		success: function(response) {
			if (response && response.data) {
				if (Array.isArray(response.data) && response.data.length > 0) {
					let modalHtml = `
					<div class="modal fade" id="permintaanListModal" tabindex="-1" role="dialog">
					  <div class="modal-dialog modal-dialog-centered" role="document">
						<div class="modal-content">
						  <div class="modal-header bg-primary text-white">
							<h5 class="modal-title text-white"><i class="fa fa-list-alt"></i> Pilih Permintaan BBM</h5>
							<button type="button" class="close text-white" data-dismiss="modal" aria-label="Close">
							  <span aria-hidden="true">&times;</span>
							</button>
						  </div>
						  <div class="modal-body">
							<ul class="list-group">
					`;
					response.data.forEach(function(item, idx) {
						modalHtml += `
						<li class="list-group-item list-permintaan-item d-flex justify-content-between align-items-center" data-kode="${item.kode_permintaan}" style="cursor:pointer;">
						  <div>
							<span class="badge badge-info mr-2">${item.kode_permintaan}</span>
							<strong>SOLAR</strong>
							<span class="ml-2">${item.jumlah_bbm} ${item.satuan}</span>
						  </div>
						  <span class="badge badge-success">Pilih</span>
						</li>
						`;
					});
					modalHtml += '</ul></div></div></div></div>';
					$('body').append(modalHtml);
					$('#permintaanListModal').modal('show');
					$('.list-permintaan-item').on('click', function() {
						const kode = $(this).data('kode');
						$('#kode_permintaan').val(kode);
						$('#permintaanListModal').modal('hide');
						setFormDataFromPermintaanBbm(kode);
					});
					$('#permintaanListModal').on('hidden.bs.modal', function () {
						$(this).remove();
					});
					return;
				} else if (Array.isArray(response.data) && response.data.length === 1) {
					response.data = response.data[0];
				}
		
			} else {
				notyMessageError('Data tidak ditemukan');
			}
		},
		error: function() {
			notyMessageError('Gagal mengambil data berdasarkan kartu');
		}
	});
}

$("#jumlah").on('keyup', function() {
	var jumlah = parseFloat($(this).val()) || 0;
	var saldo = parseFloat(jmlbbm) || 0;

	if (jumlah > saldo) {
		alert('Jumlah melebihi saldo yang tersedia!');
		$(this).val(saldo);
	}
});

function qrCodeCallback(data, elementId) {
	$('#' + elementId).val(data);
	if (elementId === 'no_kartu') {
		setFormDataFromKartu(data);
	}else if (elementId === 'kode_permintaan') {
		setFormDataFromPermintaanBbm(data);
	}
}
</script>