<?php $this->load->view("partial/header");?>
<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('Y-m-d', mktime(0,0,0,date("m"),date("d"),date("Y"))); ?>";
		var end_date   = "<?php echo date('Y-m-d', mktime(0,0,0,date("m"),1,date("Y")+1)-1); ?>";
		$("#daterangepicker").on('apply.daterangepicker', function (ev, picker) {
		  table_support.refresh();

		});
		$("#daterangepicker").on("change keyup paste", function(ev, picker){
		  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: 'lead_id',
            sortable: false,
            queryParams: function () {
                return $.extend(arguments[0], {
                    start_date: start_date,
                    end_date: end_date,
                });
            },
            onLoadSuccess: function (response) {
                $('a.rollover').imgPreview({
                    imgCSS: {width: 200},
                    distanceFromCursor: {top: 10, left: -210}
                })
            }
        });
		
    });
</script>
<div id="table_holder" style='padding:4px;'>
	<h1 style='display:inline-block;font-size:25px;color:#d84f57;font-weight:bold;text-transform: initial;margin:8px;'> Driver </h1>
	<?php echo form_input(array('name' => 'daterangepicker', 'class' => 'form-control input-sm', 'id' => 'daterangepicker' ,'style'=>'display: inline-block;float: right; margin-top: 8px;')); ?>
    <table id="table"></table>
</div>
<style>
.columns.columns-right.btn-group.pull-right {
    display: none !important;
}
.pull-right.search {
    display: none !important;
}
th.bs-checkbox.print_hide {
    display: none !important;
}
td.bs-checkbox.print_hide {
    display: none !important;
}
.calendar.left, .calendar.right{
    display: none !important;
}
.daterangepicker .ranges ul {
    width: 100%;
}
.daterangepicker.ltr .ranges {
    float: none !important;
}

</style>
<?php $this->load->view("partial/footer"); ?>