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

			<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 row  " >
										<label for="Kategori" class=" control-label col-md-4 "> Kategori </label>
										<div class="col-md-8">
										  <select name='kategori' rows='5' id='kategori' class='select2 '   ></select> 
										 </div> 
										 
									  </div> 					
									  <div class="form-group row  " >
										<label for="Dari Gudang" class=" control-label col-md-4 "> Dari Gudang </label>
										<div class="col-md-8">
										  <select name='dari_gudang' rows='5' id='dari_gudang' class='select2 '   ></select> 
										 </div> 
										 
									  </div> 					
									  {!! Form::hidden('tgl_transfer', $row['tgl_transfer']) !!}{!! Form::hidden('status', $row['status']) !!}{!! Form::hidden('unit', $row['unit']) !!}</fieldset></div><div class="col-md-6">
						<fieldset><legend> </legend>
									
									  <div class="form-group row  " >
										<label for="Barang" class=" control-label col-md-4 "> Barang </label>
										<div class="col-md-8">
										  <select name='barang' rows='5' id='barang' class='select2 ' onchange="get_saldo($(this).val())"    ></select> 
										  <div id="saldo_pupuk"></div>
  											 <input type="text" id="saldo_pupuk_text" style="display: none;">
										</div> 
										 
									  </div> 					
									  <div class="form-group row  " >
										<label for="Jumlah" class=" control-label col-md-4 "> Jumlah </label>
										<div class="col-md-8">
										  <input  type='text' name='jumlah' id='jumlah' onkeyup="get_jumlah()"  value='{{ $row['jumlah'] }}' 
						     class='form-control form-control-sm ' /> 
										 </div> 
										 
									  </div> 					
									  <div class="form-group row  " >
										<label for="Satuan" class=" control-label col-md-4 "> Satuan </label>
										<div class="col-md-8">
										  <input  type='text' name='satuan' id='satuan' value='{{ $row['satuan'] }}' 
						     class='form-control form-control-sm ' readonly /> 
										 </div> 
										 
									  </div> 					
									  <div class="form-group row  " >
										<label for="Keterangan" class=" control-label col-md-4 "> Keterangan </label>
										<div class="col-md-8">
										  <textarea name='keterangan' rows='5' id='keterangan' class='form-control form-control-sm '  
				           >{{ $row['keterangan'] }}</textarea> 
										 </div> 
										 
									  </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() { 
	
		$("#kategori").jCombo("{!! url('saldoawalpupuk/comboselect?filter=m_kategori_transfer_pupuk:id:kategori&parent=id:1') !!}",
		{  selected_value : '{{ $row["kategori"] }}' });
		
		$("#dari_gudang").jCombo("{!! url('saldoawalpupuk/comboselect?filter=m_area_kebun:kode_area:nama_area&parent=unit:') !!}{!! session('plant') !!}",
		{  selected_value : '{{ $row["dari_gudang"] }}' });
		
		
		$("#barang").jCombo("{!! url('saldoawalpupuk/comboselect?filter=m_pupuk_herbisida:id:nama') !!}",
		{  selected_value : '{{ $row["barang"] }}' });
		 
	
	 
				
	var form = $('#saldoawalpupukFormAjax'); 
	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 = $('#saldoawalpupukTable').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 get_saldo(id){			
			 $.ajax({
					url: "<?php echo url('distribusipupuk/get_saldo_pupuk');?>"+"?id="+id+"&area="+$("#dari_gudang").val(),
					type: "GET",
					dataType: "json",
					success: function(data){
						for (var i = 0; i < data.length; i++) {
							// if (data.saldo != "null") {
								$("#saldo_pupuk").html('<br><p class="bg-info" style="margin-top: 10px;padding: 10px;"><i class="fa fa-info-circle"></i> Saldo '+data[i].jenis+' '+data[i].nama+' : '+numberWithCommas(parseFloat(data[i].saldo))+' '+data[i].satuan+'</p>');
								$("#saldo_pupuk_text").val(data[i].saldo);									
								$("#satuan").val(data[i].satuan);									
							// }

						}
							
					}
				})
		}

		function get_jumlah(){
			var jml = parseFloat($("#jumlah").val());
			var saldo = parseFloat($("#saldo_pupuk_text").val());
			if (jml > saldo) {
				alert("jumlah permintaan melebihi saldo yang ada! "+saldo);
				$("#jumlah").val("");
			}
		}

		function numberWithCommas(x) {
		    return x.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ".");
		}
</script>