<?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
					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 type="text/javascript">
	$(document).ready(function (){
		<?php $this->load->view('partial/daterangepicker'); ?>
	$('#daterangepicker').data('daterangepicker').setStartDate("<?php echo date($this->config->item('dateformat'), mktime(0,0,0,date("m"),1,date("Y"))); ?>");
	var start_date = "<?php echo date($this->config->item('dateformat'), mktime(0,0,0,date("m"),1,date("Y")));?>";
	var end_date   = "<?php echo date($this->config->item('dateformat'), mktime(0,0,0,date("m")+1,1,date("Y"))-1);?>";
	$("#daterangepicker").on('apply.daterangepicker', function (ev, picker){
		start_date =  $("input[name=daterangepicker_start]").val();	 
		end_date   =  $("input[name=daterangepicker_end]").val();
	});
	$("#daterangepicker").on("change keyup paste", function(ev, picker){
		start_date =  $("input[name=daterangepicker_start]").val();	 
		end_date   =  $("input[name=daterangepicker_end]").val();
	});
		$("#log_search").on('click', function(e){
				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");?>'
				$.ajax({
					type: 'POST',
					url: send_url,
					data:{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);
							$('#trip_report').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");
					}
				});
		});	
	});
	function empty_all(){
		$('#daterangepicker').val('')
	}
</script>
<style>
	.btn-info{
		background: #3a28ac!important;
	}
</style>
<?php $this->load->view("partial/footer"); ?>