<section class="content-header">
  <h1>
    <?php echo $title;?>
  </h1>
  <ol class="breadcrumb">
    <li><a href="#"><i class="fa fa-list"></i> <?php echo $title_menu;?></a></li>
    <li class="active"><a href="#"><?php echo $title_sub_menu;?></a></li>
  </ol>
</section>
<section class="content">
      <div class="box box-default">
        <div class="box-header with-border">
          <h3 class="box-title">FILTER BY</h3>

          <div class="box-tools pull-right">
            <button type="button" class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i></button>
            <button type="button" class="btn btn-box-tool" data-widget="remove"><i class="fa fa-remove"></i></button>
          </div>
        </div>
        <!-- /.box-header -->
        <div class="box-body">
          <div class="row">
            <div class="col-sm-12">
                <form id="form-filter" action="<?php echo site_url('lapexcel/export');?>" class="form-horizontal">
                    <div class="form-group">
                        <label class="control-label col-sm-3">Periode Faktur:</label>
                        <div class="col-sm-8">
                            <div class="input-daterange input-group">
                                <input type="text" class="input-sm form-control" name="dari" id="dari" />
                                <span class="input-group-addon">
                                    <i class="fa fa-exchange"></i>
                                </span>

                                <input type="text" class="input-sm form-control" name="sampai" id="sampai" />
                            </div>
                        </div>
                      </div>
                      <div class="form-group">
                        <label class="control-label col-sm-3" for="custumer">CUSTOMER:</label>
                        <div class="col-sm-8">
                          <?php echo $form_customers;?>
                        </div>
                      </div>
                      <div class="form-group">
                        <label class="control-label col-sm-3" for="salesman">SALESMAN:</label>
                        <div class="col-sm-8">
                          <?php echo $form_salesmans;?>
                        </div>
                      </div>
                      <div class="form-group">
                        <label class="control-label col-sm-3" for="cluster">CABANG:</label>
                        <div class="col-sm-8">
                          <?php echo $form_clusters;?>
                        </div>
                      </div>
                      <div class="form-group">
                        <label class="control-label col-sm-3" for="kota">KOTA:</label>
                        <div class="col-sm-8">
                          <?php echo $form_kotas;?>
                        </div>
                      </div>
                     <div class="form-group">
                        <label for="LastName" class="col-sm-2 control-label"></label>
                        <div class="col-sm-4">
                            <button type="submit" name="submit" class="btn btn-success">Export</button>
                            <button type="button" id="btn-reset" class="btn btn-default">Reset</button>
                        </div>
                     </div>
                </form>
            </div>
        </div>
    </div>
</div>
</section>
<script src="<?php echo base_url();?>assets/js/plugins/jQueryUI/jquery-ui.min.js"></script>
<script src="<?php echo base_url();?>assets/js/plugins/datepicker/bootstrap-datepicker.min.js"></script>
<script src="<?php echo base_url();?>assets/js/plugins/select2/select2.min.js"></script>
<script type="text/javascript">
  $('.js-example-basic-single').select2();
    $('.input-daterange').datepicker({
        autoclose:true,
        format:'yyyy-mm-dd',
        timepicker:false,
        closeOnDateSelect:true
    });
    $('#btn-filter').click(function(){ //button filter event click
        myTable.ajax.reload();  //just reload table
    });
    $('#btn-reset').click(function(){ //button reset event click
        $('#form-filter')[0].reset();
        $("#customer").select2("", "");
        $("#salesman").select2("", "");
        $("#cluster").select2("", "");
        $("#kota").select2("", "");
        myTable.ajax.reload();  //just reload table
    });
</script>