<style>
	div #emp_log_table_length > label{
		display: flex;
	}
</style>
<!-- <div id = 'emp_log_details'> -->
	<div id='emp_log_info' style='padding:8px;overflow: auto;'>
		<?php echo $table_data?>
	</div>
<!-- </div> -->
<script type="text/javascript">
$(document).ready(function(){
	var audit_trial_id    = <?php echo $audit_trial_id?>;
	//APPROVE AND REJECT BUTTON ADD
	var btn_info  = "<button class='btn btn-info btn-sm' id='approve_btn'>&nbsp Approve </button>&nbsp&nbsp&nbsp&nbsp";
		// <i class='fa fa-refresh' aria-hidden='true' style = 'font-size:10px;'></i>
		// onclick=apporve_emp_edit(audit_trial_id)
		// style = 'height: 85% !important;margin: 7px 0px 0px 10px !important;'

	btn_info      += "<button class='btn btn-danger btn-sm' id='reject_btn' style='margin-left: 10px;'>&nbsp Reject </button>";
	btn_info      = '<div class="col-md-12" style="background-color:#FFFFFF;padding: 10px 20px; text-align: right; border-top: 1px solid #e5e5e5;">'+btn_info+'</div>';
	$('#emp_log_info').append(btn_info);

	//DATATABLE CALL FUNCTION
	data_table_call();

	//APPROVE PROCESS
	$('#approve_btn').on('click',function(e){
		$("#approve_btn").html("<i class='fa fa-spinner fa-spin'></i> Processing...");
		$('#approve_btn').attr('disabled','disabled');
		$.confirm({
				title: 'Confirm!',
				content: 'Are You Sure. You Want Approve Select Records??',
				type: 'red',
				typeAnimated: true,
				buttons: {
					tryAgain: {
						text: 'Ok',
						btnClass: 'btn-red',
						action: function(){
							if(audit_trial_id){
								apporve_emp_edit(audit_trial_id);
							}
						}
				},
				close: function(){
					$("#approve_btn").attr('disabled',false);
					$('#approve_btn').html("Approve");
				}
			}
		});	
		
	});

	//REJECT PROCESS
	$('#reject_btn').on('click',function(e){
		$("#reject_btn").html("<i class='fa fa-spinner fa-spin'></i> Processing...");
		$('#reject_btn').attr('disabled','disabled');
		//REJECT CONFIRMATION DIALOG
		$.confirm({
				title: 'Confirm!',
				content: 'Are You Sure. You Want Reject Select Records??',
				type: 'red',
				typeAnimated: true,
				buttons: {
					tryAgain: {
						text: 'Ok',
						btnClass: 'btn-red',
						action: function(){
							reject_emp_edit(audit_trial_id);
						}
				},
				close: function(){
					$("#reject_btn").attr('disabled',false);
					$('#reject_btn').html("Reject");
				}
			}
		});		 	
	});

});

//DATATABLE CALL FUNCTION
function data_table_call(){
	setTimeout(function(){ 
		$('#emp_log_table').DataTable({
			lengthMenu: [[10,25,50,100,500,1000,-1],[10,25,50,100,500,1000,"All"]],
			processing: true,
			serverSide: false,
			destroy: true,
			paging: true,
			scrollY: 500,
			scrollX: true,	
			scrollCollapse: true,
			fixedHeader: 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>',
			},		
		});		
		$('input[type=search],select[name="emp_log_table_length"]').addClass('form-control input-sm');
	}, 50);		
}

//APPROVE FUNCTION TO CALL
function apporve_emp_edit(audit_trial_id){
	$.ajax({
		url: '<?php echo site_url("audit_trial/approve_emp_edit"); ?>',
		data: {audit_trial_id:audit_trial_id},	
		type: 'POST',
		success: function(data){
			var rslt = JSON.parse(data);
			if(rslt.success){
				toastr.success(rslt.message);
			}else{
				toastr.error(rslt.message);
			}
			$('.modal').modal('hide');
			$('#table').DataTable().ajax.reload();
			
			$('#approve_btn').attr('disabled',false);
			$("#approve_btn").html("Approve");
		}
	});
}

//REJECT FUNCTION TO CALL
function reject_emp_edit(audit_trial_id){
	$.ajax({
		url: '<?php echo site_url("audit_trial/reject_emp_edit"); ?>',
		data: {audit_trial_id:audit_trial_id},	
		type: 'POST',
		success: function(data){
			var rslt = JSON.parse(data);
			if(rslt.success){
				toastr.success(rslt.message);
			}else{
				toastr.error(rslt.message);
			}
			$('.modal').modal('hide');
			$('#table').DataTable().ajax.reload();
			
			$('#reject_btn').attr('disabled',false);
			$("#reject_btn").html("Reject");
		}
	});
}