<?php 
$this->load->view("partial/header"); 
$access_data    = $this->session->userdata('access_data');
$access_add     = (int)$access_data[$controller_name]['access_add'];
$access_update  = (int)$access_data[$controller_name]['access_update'];
$access_delete  = (int)$access_data[$controller_name]['access_delete'];
$access_search  = (int)$access_data[$controller_name]['access_search']; 
$access_export  = (int)$access_data[$controller_name]['access_export'];
$access_import  = (int)$access_data[$controller_name]['access_import'];
$page_name      = ucwords(str_replace("_"," ",$controller_name));
$uniqueId       = "prime_".$controller_name."_id";
?>
<script type="text/javascript">
$(document).ready(function (){	
	$('#filters').on('change keyup', function (e){
		table_support.refresh();
	});
	$('#customer_name').on('change keyup', function (e){
		table_support.refresh();
	});
	$(function(){
		$('.select2').select2({
			placeholder: '---- Select customer name ----',
			multiple: true
		});
	});	
	<?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();
		table_support.refresh();
	});
	$("#daterangepicker").on("change keyup paste", function(ev, picker){
		start_date =  $("input[name=daterangepicker_start]").val();	 
		end_date   =  $("input[name=daterangepicker_end]").val();
		table_support.refresh();
	});
	<?php $this->load->view('partial/bootstrap_tables_locale'); ?>
	table_support.init({
		resource: '<?php echo site_url($controller_name); ?>',
		headers: <?php echo $table_headers; ?>,
		pageSize: <?php echo $this->config->item('lines_per_page'); ?>,
		uniqueId: "<?php echo $uniqueId;?>",            
		queryParams:function(){
			return $.extend(arguments[0],{
				start_date: start_date,
				end_date: end_date,
				filters: $("#filters").val() || [""],
				customer_name: $("#customer_name").val() || [""],
			});
		},
		onLoadSuccess: function(response){
			$('a.rollover').imgPreview({
				imgCSS: {width: 200},
				distanceFromCursor: {top: 10, left: -210}
			})
		}
	});
});
</script>
<div class='row title_content'>
	<div class='col-md-3 col-xs-4'>
		<h1 class='page_txt'><?php echo $page_name;?></h1>
	</div>
</div>
<div id="toolbar">
    <div class="pull-left form-inline" role="toolbar" style='margin-top:3px; margin-right: 20px;'>
	<?php 
		echo form_input(array('name' => 'daterangepicker', 'class' => 'form-control input-sm', 'id' => 'daterangepicker','style'=>'height:32px;'));			
		/*$filters = array('1' => 'Schedule','2' => 'Confirm','3' => 'Onprogress','4' => 'Cancelled','5' => 'Completed','6' => 'Incompleted');*/	
		/*echo form_multiselect('filters[]', $filters, '', array('id' => 'filters', 'class' => 'selectpicker show-menu-arrow', 'data-none-selected-text' => '--Search by status--', 'data-selected-text-format' => 'count > 1', 'data-style' => 'btn-default btn-sm', 'data-width' => 'fit')); */	
	?>
	</div>
	<div class="pull-left form-inline" role="toolbar" style='margin-top: 4px;width: 196px !important;'>
		<?php
		echo form_multiselect('customer_name[]', $load_customer_info, '', array('id' => 'customer_name', 'class' => 'select2 show-menu-arrow', 'data-none-selected-text' => '--Search by customer name--', 'data-selected-text-format' => 'count > 1', 'data-style' => 'btn-default btn-sm', 'data-width' => 'fit'));
		?>
	</div>
</div>
<div id="table_holder">
    <table id="table"></table>
</div>
<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"); ?>