<?php 
	$this->load->view("partial/header");
	$page_name      = ucwords(str_replace("_"," ",$controller_name));
	$uniqueId       = "prime_".$controller_name."_id";
?>
<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="table_holder">
    <div class='col-md-12'style='margin:15px 0px;border-radius:2px;box-shadow:0 2px 2px 0 rgba(0,0,0,0.14),0 3px 1px -2px rgba(0,0,0,0.12),0 1px 5px 0 rgba(0,0,0,0.2);padding:15px 0px;'>
			<?php  echo form_open("$controller_name/check_gratuity/",array("id"=>'check_gratuity',"class"=>"form-inline")); ?>
			<div class="form-group">
				<?php
					$process_type = array(""=>"---- Select Process Type ----","1"=>"Process By Employee","2"=>"Process By Role","3"=>"Process All");
					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_id', array('class' => 'required'));
					echo form_input(array('name' =>'process_emp_id','id' =>'process_emp_id','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("Process Role", 'process_role', array('class' => 'required'));
					echo form_dropdown(array("name" =>'process_role',"id" =>'process_role',"class" =>'form-control input-sm'),$process_role);
				?>
			</div>
			<div class="form-group">
				<?php
					echo form_label("Upto Gratuity Date", 'gratuity_date', array('class' => 'required'));
					echo form_input(array('name' => 'gratuity_date','id' => 'gratuity_date','class' => 'form-control input-sm datepicker','value'=>'')); 
				?>
			</div>
			<div class="form-group">
				<button class='btn btn-primary btn-sm' id="gratuity_btn">Submit</button>
			</div>
		<?php  echo form_close(); ?>
	</div>
	<div class='col-md-12' style='background-color:#E2E2E2;padding:8px;overflow:auto;max-height: 580px;' id='grat_view'>
		<div id='employee_gratuity_info'>
		
		</div>
	</div>
</div>
<script type="text/javascript">
    $(document).ready(function (){
        <?php $this->load->view('partial/bootstrap_tables_locale'); ?>
		$(function(){
			$(".datepicker").datetimepicker({
				format: 'DD-MM-YYYY',
			});
		});
		
		$('#grat_view').hide();
		//SVK EDIT NEED REVIEW
		$('#process_type').change(function () {
			process_type  = $("#process_type").val();
			$('#process_emp_id,#process_role').parent().hide();
			$('#process_emp_id,#process_role').val("");
			if(process_type === "1"){
				$('#process_emp_id').parent().show();
			}else
			if(process_type === "2"){
				$('#process_role').parent().show();
			}else{
				$('#process_emp_id,#process_role').parent().hide();
			}
		});
		
		$('#process_emp_id').autocomplete({
			 source: function(request, response) {
				$.getJSON('<?php echo site_url("$controller_name/emp_suggest");?>',{term:request.term},response);
			},
			minChars:2,
			autoFocus: true,
			delay:10,
			scroll: true,
			appendTo: '.append_div',
			select: function(e, ui) {
				$('#process_emp_id').val(ui.item.value);
				return false;
			}
		});
		$('#check_gratuity').validate($.extend({
			submitHandler: function (form){
				$("#gratuity_btn").html("<i class='fa fa-spinner fa-spin'></i> Processing...");
				$('#gratuity_btn').attr('disabled','disabled');
				$(form).ajaxSubmit({
					success: function (response){
						$('#gratuity_btn').attr('disabled',false);
						$("#gratuity_btn").html("Submit");	
						if(response.success){
							$('#grat_view').show();
							$('#employee_gratuity_info').html(response.message);
							$promo_table = $('#gratuity_info').DataTable( {
								destroy: true,
								lengthMenu: [[10,25,50,100,1000,"All"],[10,25,50,100,"All"]],
								language:{
									lengthMenu:"<span style='margin-top:8px;margin-left:10px;'>Display</span> _MENU_ <span style='margin-top:8px;'>Records</span>",
									searchPlaceholder: "Search records",
									search: "",
								},
								dom: 'Blfrtip',
								buttons: [{
								// float:none; 
								text:'right',	
								extend: 'collection',
								text: 'Export',
								buttons: [
									{extend:'excel',exportOptions:{modifier:{order :'index',page: 'all',search:'none'},columns:':visible'}},
								]
								}],
							} );
	            			$("input[type='search']").addClass('form-control');	

							
						}						
					},
					dataType: 'json'
				});
			},
			rules:{
				gratuity_date: "required",
				process_type: "required",
				process_emp_id: "required",
				process_role: "required",
			}
		}));
    });
</script>
<style>
	.pull-right.search {
		display: none !important;
	}
	.columns.columns-right.btn-group.pull-right {
		display: none !important;
	}
	<?php 
		if($access_search === 1){
			echo ".pull-right.search { display: block !important; }";
		}
		if($access_export === 1){
			echo ".columns.columns-right.btn-group.pull-right{display: block !important;}";
		}
	?>
</style>
<?php $this->load->view("partial/footer"); ?>