<!-- Dashboard content -->
<div class="row">

    <div class="col-lg-12"> 
        <!-- Search Form  -->
        <div class="panel panel-flat">

            <div class="panel-body">           

                <form class="form-horizontal" action="#" method="POST">
                    <fieldset class="content-group">
                        <legend class="text-bold">Report</legend>

                        <div class="form-group">
                            <label class="control-label col-lg-2">
                               Report
                            </label>

                            <div class="col-lg-3">
                                <select class="form-control" name ='searchparam'>
                                    <option value="lastname">Lastname</option>
                                    <option value="firstname">Firstname </option>
                                    <option value="email">Email</option>
                                    <option value="phone">Phone Number</option>
                                    <option value="zipcode">Zip Code</option>                                   
                                </select>
                            </div>
                            
                            <div class="col-lg-5">
                                <input type="text" class="form-control" placeholder='Enter Search Text' name="searchtext">
                            </div>         
                            <div class="col-lg-2">
                                <button type="submit" class="btn btn-primary">Submit <i class="icon-arrow-right14 position-right"></i></button>
                            </div> 
                           
                        </div>      
                    </fieldset>
                </form>
            </div>
        </div>
        <!-- /Search Form -->

        <!-- Result Form -->
        <div class="panel panel-flat">
            <div class="panel-body">
            <!-- Support tickets -->
            <div class="panel panel-flat">
                <div class="table-responsive">
                    <br>

                    <table id="user_data" class="table table-bordered table-striped datatable-scroll-y">  
                        <thead>  
                            <tr>  
                                <th width="10%">ID</th>  
                                <th width="35%">First Name</th>  
                                <th width="35%">Last Name</th>  
                                <th width="10%">Edit</th>  
                                <th width="10%">Delete</th>  
                            </tr>  
                        </thead>
                        <tbody>

                        </tbody>
                        <tfoot> 
                        </tfoot>
                    </table>  

                </div>
            </div>
            <!-- /support tickets -->
        </div>        
        </div>

        <!-- /Result Form -->
    </div>
</div>
<!-- /dashboard content -->
<script type="text/javascript" language="javascript" >  
  <!--
 $(document).ready(function(){  
      var dataTable = $('#user_data').DataTable({  
           "processing":true,  
           "serverSide":true,  
           "order":[],  
           "ajax":{  
                url:"<?php echo base_url() . 'bkoreport/fetch_user'; ?>",  
                type:"POST"  
           },  
           "columnDefs":[  
                {  
                     "targets":[0, 3, 4],  
                     "orderable":false,  
                },  
           ],  
      });  
 });  
 // -->
</script>  




