<?php $this->load->view("partial/header"); ?>
<script type="text/javascript" src="./dist/highcharts.js"></script>
<script type="text/javascript" src="./dist/highcharts-3d.js"></script>
<script src="dist/data_tables/jquery.dataTables.min.js"></script>
<link rel="stylesheet" type="text/css" href="dist/data_tables/datatables.min.css"/>
<script type="text/javascript" src="dist/data_tables/datatables.min.js"></script>
<script type="text/javascript" src="./dist/dashboard.js"></script>
<script src="dist/data_tables/exporting.js"></script>

<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"),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',            
            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}
                });
				$('#link').attr("href",'index.php/Acc_report/excel/'+start_date+'/'+end_date);
            }
        });
});

</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>
</div>
<div class="form-group" style="float: right;">
		<a id="link" style='float-right' class='btn btn-info btn-sm pull-right' href='#' title='Export All Data'><span class="fa fa-user-plus">&nbsp</span> Export Excel</a>
	</div>
<div id="table_holder">
    <div id="title_bar" class="btn-toolbar">
        <h1>Accounts Report</h1>
    </div>
    <table id="table"></table>
</div>

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