<?php 
	$this->load->view("partial/header");
	$page_name      = ucwords(str_replace("_"," ",$controller_name));

?>
<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 class="form-inline" style="margin-top:20px;">
	<div class="row" style='margin-bottom:0px;'>
		<div class="col-md-9">
			<div class="form-group">
				<?php
					$process_by_list = array(''=>"---- Select ----",'1'=>"Employee wise change",'2'=>"Date wise change");
					echo form_label("Process By", 'process_by', array('class' => 'required'));
					echo form_dropdown(array( 'name' => 'process_by', 'id' => 'process_by', 'class' => 'form-control input-sm select2'), $process_by_list);
				?>
			</div>
			<div class="form-group">
				<?php
					echo form_label("Employee Code", 'employee_Code', array('class' => 'required'));
					echo form_dropdown(array( 'name' => 'employee_code', 'id' => 'employee_code', 'class' => 'form-control input-sm select2'), $employee_list);
				?>
			</div>
			<div class="form-group">
				<?php
					echo form_label("Date Range", 'daterangepicker', array('class' => 'required'));
					echo form_input(array( 'name' => 'daterangepicker', 'id' => 'daterangepicker', 'class' => 'daterangepicker-field form-control input-sm', 'data-bind'=>'daterangepicker: dateRange, daterangepickerOptions: { maxDate: moment()}'));
				?>
			</div>
			<div class="form-group">
				<button class='btn btn-primary btn-sm' id="log_search">Search</button>
			</div>
		</div>
	</div>
</div>
<div class="row" style='margin: 0px;'>	
	<div class='col-md-12' style='margin:10px;padding:10px;' id="rslt_info">
	</div>
</div>
<script src="dist/daterangepicker/knockout.js" type="text/javascript"></script>
<link href="dist/daterangepicker/daterangepicker.min.css" rel="stylesheet" type="text/css" />
<script src="dist/daterangepicker/daterangepicker.min.js" type="text/javascript"></script>
<script type="text/javascript">
	$(document).ready(function (){
		hide_all();
		$(function(){
			$('.select2').select2({
				placeholder: '---- Select ----',
				allowClear: true,
			});
		});
		
		$(".daterangepicker-field").daterangepicker({
			locale: { inputFormat: 'DD/MM/YYYY' },
			forceUpdate: true,
			callback: function(startDate, endDate, period){
				var title = startDate.format('DD/MM/YYYY') + ' – ' + endDate.format('DD/MM/YYYY');
				$(this).val(title);
				start_date = startDate.format('YYYY-MM-DD');
				end_date   = endDate.format('YYYY-MM-DD');
			}
		});
		
		$('#process_by').change(function(){
			var process_by = $('#process_by').val();
			if(parseInt(process_by) === 1){
				$('#employee_code').parent().show();
				$('#daterangepicker').parent().hide();
				$("#rslt_info").html('');
			}else{
				$('#daterangepicker').parent().show();
				$('#employee_code').parent().hide();
				$("#rslt_info").html('');
			}
		});
		$("#log_search").on('click', function(e){
			var process_by    = $('#process_by').val();
			if(process_by.length === 0){
				toastr.error('Please choose Process Mode?');
				return false;
			}
			if(parseInt(process_by) === 1){
				var employee_code = $('#employee_code').val();
				if(employee_code.length === 0){
					toastr.error('Please choose Employee Code?');
					return false;
				}
			}else
			if(parseInt(process_by) === 2){
				var daterangepicker = $('#daterangepicker').val();
				if(daterangepicker.length === 0){
					toastr.error('Please choose date?');
					return false;
				}
			}
			$("#log_search").html("<i class='fa fa-spinner fa-spin'></i> Processing...");
			$('#log_search').attr('disabled','disabled');
			var send_url = '<?php echo site_url("$controller_name/check_log_details");?>'
			if(process_by){
				$.ajax({
					type: 'POST',
					url: send_url,
					data:{process_by:process_by,employee_code:employee_code,start_date:start_date,end_date:end_date},
					success: function(data) {
						var rslt = JSON.parse(data);
						if(rslt.success){
							$('#rslt_info').show();
							$("#rslt_info").html(rslt.table_content);
							$('#details_list').DataTable({
								dom: 'Bfrtip',
								buttons: [{
									extend: 'excelHtml5',
									className: 'btn-info',
									title: 'Employee Log Report',
								}],
							});
							toastr.success(rslt.message);
						}else{
							toastr.error(rslt.message);
							$('#rslt_info').hide();
						}
						empty_all();
						$('#log_search').attr('disabled',false);
						$("#log_search").html("Search");
					}
					
				});
				$("input[type='search']").addClass('form-control');	
			}
		});	
	});
	
	function hide_all(){
		$('#daterangepicker').parent().hide();
		$('#employee_code').parent().hide();
	}
	
	function empty_all(){
		$('#employee_code').val('');
		$('#daterangepicker').val('');
		$('.select2').select2({
			placeholder: '---- Select ----',
			allowClear: true,
		});
	}
</script>
<style>
	.btn-info{
		background: #3a28ac!important;
	}
</style>
<?php $this->load->view("partial/footer"); ?>