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

			<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-6">
						<fieldset><legend> </legend>
				{!! Form::hidden('id', $row['id']) !!}					
									  <div class="form-group  " >
										<label for="ipt" class=" control-label "> Kode Transfer    </label>									
										  <input  type='text' name='kode_transfer' id='kode_transfer' value='{{ time() }}' 
						     class='form-control form-control-sm ' readonly/> 						
									  </div> 					
									  <div class="form-group  " >
										<label for="ipt" class=" control-label "> Tgl Transfer    </label>									
										  
				
					{!! Form::text('tgl_transfer', $row['tgl_transfer'],array('class'=>'form-control form-control-sm date')) !!} 						
									  </div> 					
									  <div class="form-group  " >
										<label for="ipt" class=" control-label "> Stasiun    </label>									
										  <select name='stasiun' rows='5' id='stasiun' class='select2 '   ></select> 						
									  </div>
									 <div class="form-group  " >
										<label for="ipt" class=" control-label "> Tujuan    </label>									
										  <select name='stasiun2' rows='5' id='stasiun2' class='select2 '   ></select> 						
									  </div> 
									  {!! Form::hidden('createdOn', $row['createdOn']) !!}{!! Form::hidden('updatedOn', $row['updatedOn']) !!}{!! Form::hidden('unit', $row['unit']) !!}</fieldset></div><div class="col-md-6">
						<fieldset><legend> </legend>
									
									  <div class="form-group  " >
										<label for="ipt" class=" control-label "> Jenis Bbm    </label>									
										  <select name='jenis_bbm' rows='5' id='jenis_bbm' class='select2 '   ></select> 						
									  </div> 					
									  <input type="hidden" name="sisa_saldo_value" id="sisa_saldo_value" value="">
									  <div id="sisa_saldo"></div>		
									  <div class="form-group  " >
										<label for="ipt" class=" control-label "> Jumlah    </label>									
										  <input  type='text' 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>									
										  
					<?php $satuan = explode(',',$row['satuan']);
					$satuan_opt = array( 'Liter' => 'Liter' , ); ?>
					<select name='satuan' rows='5'   class='select2 '  > 
						<?php 
						foreach($satuan_opt as $key=>$val)
						{
							echo "<option  value ='$key' ".($row['satuan'] == $key ? " selected='selected' " : '' ).">$val</option>"; 						
						}						
						?></select> 						
									  </div> </fieldset></div>									
				
			<input type="hidden" name="action_task" value="save" />				
						


			

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

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

	</div>
</div>
@endif

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

<script type="text/javascript">
$(document).ready(function() { 
	
		$("#stasiun").jCombo("{!! url('transferbbm/comboselect?filter=m_stasiun_bbm:id:stasiun') !!}",
		{  selected_value : '{{ $row["stasiun"] }}' });
		$("#stasiun2").jCombo("{!! url('transferbbm/comboselect?filter=m_stasiun_bbm:id:stasiun') !!}");
		
		$("#jenis_bbm").jCombo("{!! url('transferbbm/comboselect?filter=m_jenis_bbm:id:jenis_bbm') !!}",
		{  selected_value : '{{ $row["jenis_bbm"] }}' });
		 
	
	 
				
	var form = $('#transferbbmFormAjax'); 
	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 = $('#transferbbmTable').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;
		}		
	
	});

});

$("#jumlah").on('input', function() {
		var jumlahBbm = parseFloat($(this).val()) || 0;
		var sisaSaldo = parseFloat($('#sisa_saldo_value').val()) || 0;

		if(jumlahBbm > sisaSaldo) {
			alert('Jumlah BBM melebihi sisa saldo: ' + sisaSaldo);

			$(this).val(''); // Set to max saldo
		}
	});

// Fungsi untuk mengambil dan menampilkan sisa saldo
	function loadSisaSaldo() {
		var jenis_bbm = $('#jenis_bbm').val();
		var statiun_id = $('#stasiun').val();

		if (jenis_bbm && statiun_id) {
			$.ajax({
				url: '{{ url("permintaanbbm/cek_saldo") }}',
				type: 'GET',
				data: {
					jenis_bbm: jenis_bbm,
					statiun: statiun_id
				},
				success: function(response) {
					if (response.status === 'success' && response.data.length > 0) {
						var saldo = response.data[0].saldo_akhir;
						$('#sisa_saldo').html(
							'<div class="alert alert-info">Sisa Saldo: <strong>' + saldo.toLocaleString('id-ID', { style: 'currency', currency: 'IDR' }) + '</strong></div>'
						);
						$('#sisa_saldo_value').val(saldo);
					} else {
						$('#sisa_saldo').html(
							'<div class="alert alert-warning">Sisa Saldo tidak ditemukan</div>'
						);
						$('#sisa_saldo_value').val('');
					}
				},
				error: function() {
					$('#sisa_saldo').html(
						'<div class="alert alert-danger">Gagal mengambil data sisa saldo</div>'
					);
				}
			});
		} else {
			$('#sisa_saldo').html('');
		}
	}

	// Trigger saat jenis_bbm atau statiun_id berubah
	$('#jenis_bbm, #stasiun').on('change', loadSisaSaldo);

	// Panggil saat halaman pertama kali load jika sudah ada value
	$(function() {
		loadSisaSaldo();
	});

</script>