<?php 
$logged_user_role     = $this->session->userdata('logged_user_role');
$prime_id             = "prime_".$controller_name."_id";
foreach($leave_opening_arr as $key => $setting){
	if($key === "employee_code"){				
		//TEXT BOX
		$form_label = form_label('Employee Code', 'employee_code', array('class' => "control-label required"));
		$form_input = form_input(array("name" => 'employee_code', "id" => 'employee_code', "value"=>$setting, "placeholder"=>'employee code', "readonly" => true, "class"=>"form-control input-sm number"));
		$input_box .= "<div class='form-group'>$form_label $form_input</div>";
	}else
	//PICKLIST
	if($key === "component_value"){
		$drop_exist = true;
		$form_label = form_label('Component Value', 'component_value', array('class' => "control-label required"));
		$drop_down_array = form_dropdown(array("name" => 'component_value',"id" => 'component_value',"class" =>'form-control input-sm select2',"readonly" => 'readonly'),$component_value,$setting);		
		$input_box .= "<div class='form-group'>$form_label $drop_down_array</div>";
	}else{//DECIMALS
		$leave_name_key = ucfirst($key);
		$form_label = form_label($leave_name_key , $key, array('class' => "control-label required"));
		$form_input = form_input(array("name"=>$key, "id"=>$key,"value"=>$setting, "placeholder"=>$leave_name_key, "class"=>"form-control input-sm number"));
		$input_box .= "<div class='form-group'>$form_label $form_input</div>";
	}
	$len = "";
	if($key === "employee_code"){
		$validation_rule .= "employee_code:{ required: true, maxlength: 100 },";
	}else{
		$validation_rule .= "$key:{ required: true, maxlength: 10 },";
	}

}
$view_content .= "<h4 class='block_head'>Leave Opening</h4>
						<div id='leave_opening' class='block_content pd8'>
							$input_box
						</div>";
		$form_open = form_open("$controller_name/save/" .$primeId,array("id"=>"leave_opening_form","class"=>"form-inline"));
		$form_close    = form_close();
//upload pdf file viewed popup
$upload_div 	= "<div class='modals' id='myModal' style='display:none;'>
					<div class='modals-dialogs'>
					    <div class='modals-content'>
					      <div class='modals-header'>
					        <h4 class='modals-title'>View PDF</h4>
					        <a class='close view_pdf_close' onclick='close_popup_div();'>&times</a>
					      </div>
					      <div class='modals-body' id='view_pdf'>
					      </div>
					      <div class='modals-footer'>
					        <a class='btn btn-danger' value='Close' id='popup_close' onclick='close_popup_div();'>Close</a>
					      </div>
					    </div>
					  </div>
					</div>";

echo "$form_open
		<fieldset id='FundBasicInfo' style='margin:0px;padding:8px;background-color:#f2f2f2;'>
			$prime_inupt
			$view_content
		</fieldset>
	$form_close";
?>

<script type="text/javascript">
$(document).ready(function(){
	var prime_id         = "#<?php echo $prime_id;?>";
	var date_exist       = "<?php echo $date_exist;?>";
	var date_time_exist  = "<?php echo $date_time_exist;?>";
	if(date_exist === "1"){
		$(function () {
			$(".datepicker").datetimepicker({
				format: 'DD-MM-YYYY',
				//debug: true
			});
			$(".datepicker_month").datetimepicker({
				format: 'MM-YYYY',
				//debug: true
			});
			$(".datepicker_year").datetimepicker({
				format: 'YYYY',
				//debug: true
			});
		});
	}
	$('.only_time').datetimepicker({
        format: 'HH:mm',
    });
	<?php echo $user_read_only; ?>
	if(date_exist === "1"){
		$(function () {
			$(".datepicker").datetimepicker({
				format: 'DD-MM-YYYY',
				//debug: true
			});
		});
	}

	var drop_exist = "<?php echo $drop_exist;?>";
	if(drop_exist === "1"){
		$(function(){
			$('.select2').select2({
				placeholder: '---- Select ----',
				allowClear: true,
				dropdownParent: $('.modal-dialog')
			});
			$('.select2-tags').select2({
				tags: true,
				tokenSeparators: [',']
			});
		});
	}
		
	$('#leave_opening_form').validate($.extend({
		submitHandler: function (form){
			//Encrypted
			let formData   = new FormData(form);
			// Convert FormData to JSON object
			let jsonData   = Object.fromEntries(formData.entries());
			var key        = '<?php echo $encKey; ?>';
			<?php echo $json_multi; ?>;
			var encData    = encrypt(key,jsonData);
			$("#submit").html("<i class='fa fa-spinner fa-spin'></i> Processing...");
			$('#submit').attr('disabled','disabled');
			$.ajax({
				url         : $(form).attr('action'), 
				type        : 'POST',
				contentType : 'text/plain', 
				data        : encData,
				success: function (response){
					$('#submit').attr('disabled',false);
					$("#submit").html("Submit");
					if(response.success){
						toastr.success(response.message);
						$('.row_btn').show();
						$('.modal').modal('hide');
						//$('#table').DataTable.reload();
						$('#table').DataTable().ajax.reload();
						
					}else{
						toastr.error(response.message);
					}
				},
				dataType: 'json'
			});
		},
		rules:{
			<?php echo $validation_rule; ?>
		}
	}));	
});

//PROGRESS STATUS FILE UPLOAD
function progress_bar(id) {
    i = 0;
	var elem  = document.getElementById("process_"+id+"");
	var width = 0;
	var internal    = setInterval(frame, 10);
	function frame() {
		if (width >= 100) {
			clearInterval(internal);
			i = 0;
			$('#div_'+id+'').hide();
			$('#submit').attr('disabled',false);
			$('#submit').html('Submit');
		} else {
			width++;
			elem.style.width = width + "%";
			elem.innerHTML = width  + "%";
		}
	}
}
function select_all(){
	setTimeout(function(){ 
		$(function(){
			$('.select2').select2({
				placeholder: '---- Select ----',
				allowClear: true,
				// dropdownParent: $('.modal-dialog')
			});
			$('.select2-tags').select2({
				tags: true,
				allowClear: true,
				tokenSeparators: [',']
			});
		});
	}, 500);
}
</script>