<?php    include_once('../config/db.php');  include_once('../config/check.php'); 



?>

<!DOCTYPE html>
<html>
<head>
 
<?php include_once('../inc/slink.php');   ?>  
 
</head>


<body <?php include_once('../inc/snav.php');  ?>>
<div class="wrapper">

  <!-- Main Header -->
    <header class="main-header">

    <!-- Logo -->
       <?php include_once('../inc/sbrand.php');   ?>

    <!-- Header Navbar -->
    <?php include_once('../inc/snavbar.php');   ?>

  </header>
 
  <!-- Left side column. contains the logo and sidebar -->
    <aside class="main-sidebar">

    <!-- sidebar: style can be found in sidebar.less -->
     <?php include_once('../inc/smenu.php');   ?>
    <!-- /.sidebar -->
  </aside>

  <!-- Content Wrapper. Contains page content -->
  <div class="content-wrapper">
   

  <section class="content-header">
    <div class="col-md-12 ">
      <div class="col-md-3">
      <p style="color:green; font-size:20px; font-weight:bold; " > <i class="fa fa-file" ></i> Sales Agent List  </p>
      
               
      </div>
           
      <div class="col-md-3  " class="mybtn" id="mybtn"  >
      </div>  
      <div class="col-md-6 pull-right"   >
            
        <div class="col-sm-12 row"> 
            <div class="col-md-6" id="mysearchbox">
              
            </div>               
                      
                          
                                                                    
        </div> 
    </div>
   </section>


  
  <!-- Main content -->
  <section class="content container-fluid" >
    <div class="row">        
        <div class="col-md-12" >
        <div class="box box-default box-xs">
          <div class="box-body"  >
                            
                <!-- Filter END -->
            <div class="" style="padding-bottom:0px;" >
         
                  <table id="customer_data" class="table display compact table-small table-responsive ">
                      <thead>
                        <tr style="height: 10px;">

                  
                        <th >  </th>
                        <th > Date </th>
                        <th > Staff No </th>
                        <th > Name  </th>
                        <th > ID No  </th>
                        <th > Phone  </th>
                        <th > Email  </th>
                        <th > Department  </th>
                        <th >   </th>
                  
                        </tr>
                      </thead>
                  </table>
                
            </div>
          </div>
        </div>
         
        </div>
        <!-- /.col -->
      </div>
  </section>
  
</div>
  <!-- /.content-wrapper -->
  
  <!-- Main Footer -->
  <footer class="main-footer">
    <?php  include_once('../inc/footer.php'); ?>
  </footer>
  
</div>
                         
<!-- ./wrapper -->

<!-- REQUIRED JS SCRIPTS -->
<?php  include_once('../inc/slinkjs.php') ?>


</body>
</html>

<!-- dynamic rows start here -->
<!-- DYANAMIC ROWS LISTING HERE --->
<script type="text/javascript" language="javascript" ></script>

<script>


 
$(document).ready(function() {
  
 
    // DataTables initialisation
       var table= $('#customer_data').DataTable( { 
                    "scrollX": true,
 
                    "language": {
                      searchPlaceholder: "Search here",
                      search: "" },
                    "pageLength": 10,
                    "dom": '<"top"f>rt<"bottom"ilp><"clear">',
                     ajax: {
                           url: 'filter/sagent.php'
                     }

                         
                      

       
                 } );

                 // start btn
                      
                 codeListTable = $("#customer_data").DataTable();
                        new $.fn.dataTable.Buttons( codeListTable, {
                            buttons: [
                          
                                {
                                extend:    'excel',
                                footer: true,
                                text:      '<i class="fa fa-files-o"></i> Excel',
                                titleAttr: 'Excel',
                                className: 'btn btn-default btn-sm',
                                exportOptions: {
                                    footer: true,
                                    columns: ':visible'
                                }
                                },
                                {
                                extend:    'pdf',
                                text:      '<i class="fa fa-file-pdf-o"></i> PDF',
                                titleAttr: 'PDF',
                                className: 'btn btn-default btn-sm',
                                exportOptions: {
                                    columns: ':visible'
                                }
                                },               
                                {
                                extend:    'print',
                                text:      '<i class="fa fa-print"></i> Print',
                                titleAttr: 'Print',
                                className: 'btn btn-default btn-sm',
                                exportOptions: {
                                    columns: ':visible'
                                }
                                },  
                            ]
                        } );
                        codeListTable.buttons().container().appendTo('#mybtn');  
                         $(".dataTables_filter").detach().appendTo("#mysearchbox");
                          

                      // end btn 



});


</script>





