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

			<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> Prognosa Periodik</legend>
				{!! Form::hidden('id', $row['id']) !!}{!! Form::hidden('kode_rayon', $row['kode_rayon']) !!}					
									  <div class="form-group row  " >
										<label for="Periode" class=" control-label col-md-4 "> Periode </label>
										<div class="col-md-8">
										  <select name='periode' rows='5' id='periode' class='select2 ' required  ></select> 
										 </div> 
										 
									  </div> 					
									  <div class="form-group row  " >
										<label for="Prognosa Luas" class=" control-label col-md-4 "> Prognosa Luas </label>
										<div class="col-md-8">
										  <input  type='text' name='prognosa_luas' id='prognosa_luas' required value='{{ $row['prognosa_luas'] }}' 
						     class='form-control form-control-sm ' /> 
										 </div> 
										 
									  </div> 					
									  <div class="form-group row  " >
										<label for="Prognosa Tebu" class=" control-label col-md-4 "> Prognosa Tebu </label>
										<div class="col-md-8">
										  <input  type='text' name='prognosa_tebu' id='prognosa_tebu' required value='{{ $row['prognosa_tebu'] }}' 
						     class='form-control form-control-sm ' /> 
										 </div> 
										 
									  </div> 					
									  <div class="form-group row  " >
										<label for="Prognosa Protas" class=" control-label col-md-4 "> Prognosa Protas </label>
										<div class="col-md-8">
										  <input  type='text' name='prognosa_protas' id='prognosa_protas'  value='{{ $row['prognosa_protas'] }}' 
						     class='form-control form-control-sm text-dark' readonly /> 
										 </div> 
										 
									  </div> 					
									  <div class="form-group row  " >
										<label for="Ket Selesai" class=" control-label col-md-4 "> Ket Selesai </label>
										<div class="col-md-8">
										  <?php $ket_selesai = explode(",",$row['ket_selesai']); ?>
					  
					<input type='checkbox' name='ket_selesai[]' value ='Selesai'   class=' filled-in' id='ket_selesai-0'
					@if(in_array('Selesai',$ket_selesai))checked @endif 
					 /> <label for='ket_selesai-0'> Selesai Periode ini </label>  
										 </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() { 
	
		$("#periode").jCombo("{!! url('prognosaperiodik/comboselect?filter=master_periode_bulan:periode:periode&parent=aktif:1') !!}",
		{  selected_value : '{{ $row["periode"] }}' });
		 
	
	$('#prognosa_tebu, #prognosa_luas').on('input', function() {
		var tebu = parseFloat($('#prognosa_tebu').val()) || 0;
		var luas = parseFloat($('#prognosa_luas').val()) || 0;
		var protas = (luas !== 0) ? (tebu / luas) : 0;
		$('#prognosa_protas').val(protas.toFixed(2));
	});
				
	var form = $('#prognosaperiodikFormAjax'); 
	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 = $('#prognosaperiodikTable').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;
		}		
	
	});

});

</script>