<?php $this->load->view("partial/header");?>
<script type="text/javascript">
    $(document).ready(function (){
		$('#filters').on('hidden.bs.select', function (e){
		  table_support.refresh();
		});
		
		<?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',            
            queryParams: function () {
                return $.extend(arguments[0], {
                    start_date: start_date,
                    end_date: end_date,
                    filters: $("#filters").val() || [""],
                });
            },
            onLoadSuccess: function (response) {
                $('a.rollover').imgPreview({
                    imgCSS: {width: 200},
                    distanceFromCursor: {top: 10, left: -210}
                })
            }
        });
    });
</script>
<div id="toolbar">
    <div class="pull-left form-inline" role="toolbar">
		<?php
			echo form_input(array('name' => 'daterangepicker', 'class' => 'form-control input-sm', 'id' => 'daterangepicker'));
			
			$filters = array('Follow_Up' => 'Follow Up','Confirm' => 'Confirm','Cancelled' => 'Cancelled','Completed' => 'Completed','On_progress' => 'On Progress');
			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>
<div id="table_holder">

    <div id="title_bar" class="btn-toolbar">
        <h1> Operation </h1>
    </div>
    <table id="table"></table>
</div>

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