<?php 
	$this->load->view("partial/header"); 
	$page_name      = ucwords(str_replace("_"," ",$controller_name));
	$prime_id       = "prime_employees_id";
	$search_url     = site_url($controller_name ."/search");
?>
<div class='row title_content'>
	<div class='col-md-4 col-xs-4'>
		<h1 class='page_txt'><?php echo $page_name;?></h1>
	</div>
	<div class='col-md-8 col-xs-8'>
		<ol class="breadcrumb">
			<?php  echo $breadcrumb; ?>	
		</ol>
	</div>
</div>
<div class="row" style='margin:0px;overflow:auto;width: 100%;'>	
	<div class='col-md-12' style='padding:8px;min-height: 400px;' >
	<div id="lock_btn"></div>
		<table id="table" class='table table-striped table-hover' style='width:100% !important;'></table>
	</div>
</div>

<script type="text/javascript">
$(document).ready(function(){
	table_draw('table','input');
	$('input[type=search]').addClass('form-control input-sm');
})
function table_draw(table_name,tab_name){
	var prime_id = "<?php echo $prime_id; ?>";
	var data="";
	$table  = $('#'+table_name).DataTable({
		processing: true,
		serverSide: true,
		destroy: true,
		serverMethod: 'post',
		lengthMenu: [[10,25,50,100,500,1000,-1],[10,25,50,100,500,1000,"All"]],
        // fixedColumns:{leftColumns: 3},
		scrollX:true,
		language:{
			lengthMenu:"<span style='margin-top:8px;margin-left:10px;'>Display</span> _MENU_ <span style='margin-top:8px;'>Records</span>",
			searchPlaceholder: "Search records",
			search: "",
			processing: '<div style="text-align: center; padding: 50px;color:#4b6fa2;z-index:999999999;"><i class="fa fa-spinner fa-spin fa-2x fa-fw"></i><br/>Loading...</div>',
		},		
		ajax:{
			'url': '<?php echo $search_url; ?>',
			'data': function(data){
				var key       = '<?php echo $encKey; ?>';
				var encData   = encrypt(key,{data});
				return { Payload: encData };			
			},			
			beforeSend: function(){
				$('.dataTables_processing').html('<span style="color:#CC3366;"><i class="fa fa-spinner fa-spin fa-2x 	fa-fw"></i><br/>Loading...</span>');
			},
		},   
		// dom: 'Blfrtip',
		order:true,
		columns: [{
				title:'<input type="checkbox" name="select_all" class="select_all">',
				data: '<?php echo $prime_id; ?>',
				type: 'html',
				orderable: false,
				className: 'select-checkbox',
				searchable:false,
				width:'1%',
				render:function (value) {
					return '<input type="checkbox" value="'+value+'" name="select_one" class="select_one">';
				},
			},		
			<?php 
				foreach($table_head as $table){
					$label_name  = $table->label_name;
					$view_name   = str_replace("_", " ", $label_name);
					if($table->label_name){
						echo "{title:'$view_name',data:'$label_name',visible:true,},\n";
					}	
					else{
						echo "{title:'$view_name',data:'No records found',visible:true,},\n";
					}		
				}
			?>					
		],
	});
	if(tab_name === 'input'){
		<?php 
			if($prime_id){
		?>
				var lock_btn = "<button class='btn btn-xs btn-danger fliter' id='dec_lock_btn' style='margin-left:5px;' onclick=dec_lock_date('"+table_name+"','"+tab_name+"'); disabled='true'>Lock/Unlock</button>";
		<?php 
			}
		?>
		$("#"+table_name+"_length").append(lock_btn);
		$("#"+table_name+"_length").css("display", "-webkit-inline-box");
		$('.select-checkbox').on('click', "input[name='select_all']", function(){
			if(this.checked) {
				$('.select_one').prop('checked', true);
				$("#dec_lock_btn").removeAttr("disabled");
			}else{
				$('.select_one').prop('checked', false);
				$("#dec_lock_btn").attr('disabled','disabled');
			}
		});
		$table.on('change','.select_one',function(event){
			var lock_id = [];
			$.each($("input[name='select_one']:checked"), function(){
				if($(this).val()){
					lock_id.push($(this).val());
				}		
			});		
			if(lock_id.length > 0){
				$("#dec_lock_btn").removeAttr("disabled");
			}else{
				$("#dec_lock_btn").attr('disabled','disabled');
			}	
		});
	}	
	$('input[type=search]').addClass('form-control input-sm');	
}
function dec_lock_date(table_name,tab_name){
		var lock_id = [];
		$.each($("input[name='select_one']:checked"), function(){
			if($(this).val()){
				lock_id.push($(this).val());
			}		
		});	
	$.confirm({
		title: '<h5>Are You want to lock or unlock selected rows..!</h5>',
		content: '' +
		'<form action="">' +
		'<select  id="submit"  class="formName form-control" style="text-align:center"><option disabled="disabled" selected="true">--Select--</option><option>Lock</option><option>Unlock</option></select>' +
		'</form>',
		buttons: {
			formSubmit: {
				text: 'Submit',
				btnClass: 'btn-blue',
				action: function () {
					var submit_val = this.$content.find('#submit').val();
					if(!submit_val){
						$.alert('please choose one');
						return false;
					}else{
						lock_function(lock_id,submit_val);
					}			               
				}
			},
			cancel: function () {
				//close
			},
		}
	});	
}
function lock_function(lock_id,submit_val){
	var key       = '<?php echo $encKey; ?>';
	var encData   = encrypt(key,{lock_id:lock_id,submit_val:submit_val});
	 $.ajax({
            type: 'POST',
            url: '<?php echo site_url("$controller_name/dec_lock_update");?>',
            data:encData,
			contentType: 'text/plain',
			success: function(data){
                var rslt = JSON.parse(data);
                if(rslt.success){
					toastr.success(rslt.message);
					$('.select_all').prop('checked', false);
					$('.select_one').prop('checked', false);
					$("#dec_lock_btn").attr('disabled','disabled');
					table_draw('table','input');
                }else{
					toastr.error(rslt.message);                 
                }
            }
        });
		
}
</script>
<?php $this->load->view("partial/footer"); ?>