<?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}
                })
            }
        });
});

</script>
<div class="row" id='holder'>
    <div class="col-md-12">
      <div class="form-group">
        <?php echo form_input(array('name' => 'daterangepicker', 'class' => 'form-control input-sm', 'id' => 'daterangepicker')); ?>
      </div>
      <h1><?php echo "Package Enquiry Report";?></h1>
    </div>
    <div class="col-md-12">      
         <div id="table"></div>
    </div>
</div>
<style type="text/css">
  #table_holder .fixed-table-body table tr td {
      color: #333333 !important;
      padding: 8px !important;
      line-height: inherit !important;
      vertical-align: middle !important;
      height: auto;
  }
  div#holder {
    padding: 15px;
    background-color: #FFFFFF;
    margin: 5px;
    border-radius: 4px;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
  }
  h1 {
    margin: 0;
    margin-bottom: 4px !important;
    width: auto;
    font-size: 25px;
    color: #d84f57;
    font-weight: bold;
    text-transform: initial;
}
#table .btn-default {
    color: #ffffff !important;
    background: #d84f57;
    padding: 1px 6px !important;
    font-size: 12px !important;
}
.btn-group, .btn-group-vertical {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    float: right;
}
div.dataTables_wrapper div.dataTables_filter label {
    font-weight: normal;
    white-space: nowrap;
    text-align: left;
    float: left;
}
</style>
<?php $this->load->view("partial/footer"); ?>