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

			<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="Area" class=" control-label col-md-4 "> Area </label>
										<div class="col-md-8">
										  <select name='area' rows='5' id='area' class='select2 '   ></select> 
										 </div> 
										 
									  </div> 					
									  <div class="form-group row  " >
										<label for="Tgl Awal" class=" control-label col-md-4 "> Tgl Awal </label>
										<div class="col-md-8">
										  
				
					{!! Form::text('tgl_awal', $row['tgl_awal'], array('class'=>'form-control form-control-sm date', 'id'=>'tgl_awal')) !!}
										 </div> 
										 
									  </div> 					
									  <div class="form-group row  " >
										<label for="Tgl Akhir" class=" control-label col-md-4 "> Tgl Akhir </label>
										<div class="col-md-8">
										  
				
					{!! Form::text('tgl_akhir', $row['tgl_akhir'],array('class'=>'form-control form-control-sm date', 'id'=>'tgl_akhir')) !!} 
										 </div> 
										 
									  </div> 
									  <div class="form-group row  " >
										<label for="Jumlah Karung" class=" control-label col-md-4 "> Jenis  </label>
										<div class="col-md-8">
											<select name='jenis' id='jenis' class='select2 '>
												<option value="karung">Karung</option>
												<option value="jerigen">Jerigen</option>
											</select> 
										 </div> 
										 
									  </div>
									<div class="form-group row">
										<div class="col-md-8 offset-md-4">
											<button type="button" class="btn btn-sm btn-info" onclick="get_saldo()">Cek </button>
										</div>
									</div>
									  {!! Form::hidden('unit', $row['unit']) !!}</fieldset></div><div class="col-md-6">
						<fieldset>
									
										<div id="saldo_pupuk"></div>
										<input type="text" id="saldo_pupuk_text" style="display: none;">

									  

										<div class="form-group row  " >
										<label for="Jumlah Karung" class=" control-label col-md-4 "> Jumlah  </label>
										<div class="col-md-8">
										  <input  type='text' name='jumlah_karung' id='jumlah_karung' onkeyup="get_jumlah()" value='{{ $row['jumlah_karung'] }}' 
						     class='form-control form-control-sm ' /> 
										 </div> 
										 
									  </div> 					
									  <div class="form-group row  " >
										<label for="Tgl Input" class=" control-label col-md-4 "> Tgl Input </label>
										<div class="col-md-8">
										  
				
					{!! Form::text('tgl_input', $row['tgl_input'],array('class'=>'form-control form-control-sm date')) !!} 
										 </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() { 
	
		$("#area").jCombo("{!! url('pengembaliankarungpupuk/comboselect?filter=m_area_kebun:kode_area:nama_area') !!}",
		{  selected_value : '{{ $row["area"] }}' });
		 
	
	 
				
	var form = $('#pengembaliankarungpupukFormAjax'); 
	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 = $('#pengembaliankarungpupukTable').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() {
	var area = $("#area").val();
	var tanggalAwal = $("#tgl_awal").val();
	var tanggalAkhir = $("#tgl_akhir").val();
	var jenis =	$("#jenis").val();
	$.ajax({
		url: "{{ url('pengembaliankarungpupuk/getKarungData') }}?area=" + area + "&tanggal_awal=" + tanggalAwal + "&tanggal_akhir=" + tanggalAkhir + "&jenis=" + jenis,
		type: "GET",
		dataType: "json",
		success: function(data) {
			$("#saldo_pupuk").html('<br><p class="bg-info" style="margin-top: 10px;padding: 10px; color:#FFF;"><i class="fa fa-info-circle"></i> Sisa ' + jenis + ' Tersedia <span style="font-size:16px;">' + data.jml_karung + '</span></p><br>');
			$("#saldo_pupuk_text").val(data.jml_karung);
		}
	});
}

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

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