<?php 
	$this->load->view("partial/header"); 
	$access_data      = $this->session->userdata('access_data');
	$access_add       = (int)$access_data[$controller_name]['access_add'];
	$access_update    = (int)$access_data[$controller_name]['access_update'];
	$access_delete    = (int)$access_data[$controller_name]['access_delete'];
	$access_search    = (int)$access_data[$controller_name]['access_search']; 
	$access_export    = (int)$access_data[$controller_name]['access_export'];
	$access_import    = (int)$access_data[$controller_name]['access_import'];
	$page_name        = ucwords(str_replace("_"," ",$controller_name));
	$prime_id         = "prime_".$controller_name."_id";
	$search_url       = site_url($controller_name ."/search");
	$view_url         = site_url($controller_name ."/view/");
	$import_url       = site_url($controller_name ."/import/");  
	?>
<div class='row title_content'>
	<div class='col-md-2 col-xs-4'>
		<h1 class='page_txt'><?php echo $page_name;?></h1>
	</div>
</div>
<div id="holder" class="form-inline" style="margin-top:20px;">
		<div class="col-md-12" style="margin-bottom:10px;">	
		<?php  echo  form_open("$controller_name/mi_posting/",array("id"=>"mi_posting","class"=>"form-inline")); ?>			
			<div class="form-group">
				<?php
					echo form_label('Process Month', 'process_month', array('class' => 'required'));
					echo form_input(array('name' => 'process_month', 'id' => 'process_month', 'class' => 'form-control input-sm datepicker', 'value'=>'', 'placeholder' => 'Select Month')); 
				?>
			</div>	
			<div class="form-group">
				<?php //,"1"=>"Process By Employee"
					$process_type = array(""=>"---- Select Process Type ----","2"=>"Process By Category");
					echo form_label("Process Type", 'process_type', array('class' => 'required'));
					echo form_dropdown(array("name" =>'process_type',"id" =>'process_type',"class" =>'form-control input-sm'),$process_type);
				?>
			</div>    
			<div class="form-group" style='display:none;max-height: 50px;!important'>
				<?php
					echo form_label("Search Employee", 'process_emp_code', array('class' => 'required'));
					echo form_input(array('name' =>'process_emp_code','id' =>'process_emp_code','class' => 'form-control input-sm','value'=>'','placeholder'=>"Search by Employee Code")); 
				?>
				<div class='append_div'></div>
			</div>
			<div class="form-group" style="display: none;">
				<?php
					echo form_label("Category", 'category', array('class' => 'required'));
					echo form_dropdown(array( 'name' => 'category', 'id' => 'category', 'class' => 'form-control input-sm select2'), $category_list);
				?>
			</div>		
			<div class="form-group">
				<button class='btn btn-primary btn-sm' id="search">Post</button>
			</div>
			<?php  echo form_close(); ?>
			<!-- <a id="search" href="#" title='Export All Data' class="btn btn-primary btn-sm"> Post </a> -->
		</div>
</div>

<script type="text/javascript">
$(document).ready(function (){
	// var payroll_lock_arr = <?php echo json_encode($payroll_lock_arr) ?>; 
	$(function () {
		$(".datepicker").datetimepicker({
			format: 'MM-YYYY',
			//debug: true
		});
	});	
	
/*	$(".datepicker").on("dp.hide", function(e){
		var category   = $('#category').val();
		if(!category){
			toastr.error("Please Choose Category");	
			$("#process_month").val('');
			return false;
		}else{
			var process_month   = $('#process_month').val();
			if(process_month && category){
				var send_url = '<?php echo site_url("$controller_name/posting_month_validate");?>'
				// $("#search").html("<i class='fa fa-spinner fa-spin'></i> Processing...");
				// $('#search').attr('disabled','disabled');		
				$.ajax({
					type: 'POST',
					url: send_url,
					data: {process_month:process_month,category:category},
					success: function(data) {
						var rslt = JSON.parse(data);
						if(!rslt.success){						
							toastr.error(rslt.message);	
							$("#process_month").val('');					
							return false;
						}
					}
				});			
			}
		}	
	});	*/
	$('#process_type').change(function () {
		process_type  = $("#process_type").val();
		$('#process_emp_code,#category').parent().hide();
		$('#process_emp_code').val("");
		$('#category').val("");
		if(process_type === "1"){
			$('#process_emp_code').parent().show();
		}else
		if(process_type === "2"){
			$('#category').parent().show();
		}else{
			$('#process_emp_code,#category').parent().hide();
		}
	});
	
	$('#process_emp_code').autocomplete({
		source: function (request, response) {
			var key       = '<?php echo $encKey; ?>'; 
			var encData   = encrypt(key,{term:request.term});
			$.ajax({
				url : '<?php echo site_url("$controller_name/emp_suggest");?>',
				type: 'POST',
				data: encData,
				success: function (data) {
					var rslt = JSON.parse(data);
					response($.map(rslt, function (el) {
						if(el.value === '0'){
							$('#process_emp_id').val('');
						}else{
							return {
								value: el.value,
								label: el.label,
								display_name:el.display_name
							};
						}
					}));
				}
			});
		},
		minChars:3,
		autoFocus: true,
		delay:10,
		scroll: true,
		appendTo: '.append_div',
		select: function(e, ui) {
			$('#process_emp_code').val(ui.item.value);
			return false;
		}
	});
	$('#mi_posting').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);
			$.ajax({
				url         : $(form).attr('action'), 
				type        : 'POST',
				contentType : 'text/plain', 
				data        : encData,
				success: function (response){
					if(response.success){
						toastr.success(response.message);
					}else{
						toastr.error(response.message);
					}
					$('#search').attr('disabled',false);	
					$("#search").html("Post");				
				},
				dataType: 'json'
			});
		},
		rules:{
			process_month   : "required",
			process_type    : "required",
			process_emp_code: "required",
			category        : "required",
		}
	}));
});


function select_call(){
	$(function(){
		$('.select2').select2({
			placeholder: '---- Select ----',
		});
		$('.select2-tags').select2({
			tags: true,
			tokenSeparators: [',']
		});
	});
}

</script>
<style>
.modal-dialog {
  width: 100% !important;
  height: 100% !important;
  margin: 0;
  padding: 0;
}
.modal-content {
  height: auto;
  min-height: 100% !important;
  border-radius: 0;
}
.modal .modal-body div {
    height: 100% !important;
    overflow-y: auto;
    width: 100%;
}
</style>
<?php $this->load->view("partial/footer"); ?>