<?php $this->load->view("partial/header");?>
<script type="text/javascript">
    $(document).ready(function (){

      $('#filters').on('hidden.bs.select', function (e){
          table_support.refresh();
      });
      $('#filters_mis').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"),1,date("Y"))); ?>";
      var end_date   = "<?php echo date('Y-m-d', mktime(0,0,0,date("m")+1,1,date("Y"))-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',
            stateSave: true,
            queryParams: function () {
                return $.extend(arguments[0], {
                    start_date: start_date,
                    end_date: end_date,                    
                    filters: $("#filters").val() || [""],
                    filters_mis: $("#filters_mis").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')); ?>    </div>
      <?php 
      $filters = array('All' => 'All','General_Insurance' => 'General Insurance',
      'Portfolio' => 'Portfolio',
      'Health_Insurance' => 'Health Insurance',
      'Mutual_Funds' => 'Mutual Funds',
      'Term_Plan' => 'Term Plan');
      ?>
     <?php echo form_multiselect('filters[]', $filters, '', array('id' => 'filters', 'class' => 'selectpicker show-menu-arrow', 'data-none-selected-text' => $this->lang->line('common_none_selected_text'), 'data-selected-text-format' => 'count > 1', 'data-style' => 'btn-default btn-sm', 'data-width' => 'fit')); ?>
      <?php 
      $filters_mis = array('Yet_to_start' => 'Yet to Start','Pending' => 'Pending',
      'Completed' => 'Completed','Dropped' => 'Dropped');
      ?>
     <?php echo form_dropdown('filters_mis', $filters_mis, '', array('id' => 'filters_mis', 'class' => 'selectpicker show-menu-arrow', 'data-none-selected-text' => 'Yet_to_start', 'data-selected-text-format' => 'count > 1', 'data-style' => 'btn-default btn-sm', 'data-width' => 'fit')); ?>
</div>
<div id="table_holder">
    <div id="title_bar" class="btn-toolbar">
        <h1>MIS</h1>
    </div>
    <table id="table"></table>
</div>
<?php $this->load->view("partial/footer"); ?>