
<script>
$(document).ready(function() {

$('table').tableSort( {
animation :'slide',
speed:500
} );
});  
 
</script>
<div class="content-wrapper">
    <!-- Content Header (Page header) -->
    <section class="content-header">
      <h1>
       <center>Employee Monthly Payment Listing</center>
      </h1>
    </section>
    <section class="content">
      <!-- <div class="row">
            <div class="col-xs-12 text-right">
                <div class="form-group">
                    <a class="btn btn-primary" href="<?php echo base_url(); ?>monthlypay/addmonthly">Add New Monthly List</a>
                </div>
            </div>
        </div>-->
       
        <div class="row">
            <div class="col-xs-12">
              <div class="box">
                <div class="box-header">
                    <!--<center><h3 class="box-title">-->
                      <div class="box-tools">
                       <!-- <form action="<?php echo base_url() ?>assetListing" method="POST" id="searchList">-->
                          <form action="<?php echo base_url() ?>monthlypay/monthlyListing" method="POST" id="searchList">
                            <div class="input-group">
                              <input type="text" name="searchText" value="<?php echo $searchText; ?>" class="form-control input-sm pull-right" style="width: 150px;" placeholder="Search"/>
                              <div class="input-group-btn">
                                <button class="btn btn-sm btn-default searchList"><i class="fa fa-search"></i></button>

                              </div>
                            </div>
                        </form>
                    </div><!--</h3></center>-->
                    
                </div><!-- /.box-header -->
                <div class="box-body table-responsive no-padding tableSorter">
                  <table class="table table-hover">
                    <tr bgcolor="steelblue">
                      <th>Month Year</th>
                      <th>Employee Id</th>
                      <th>LOP Days</th>
                      <th>OT Hours Worked</th>
                      <th>Loan Recovered</th>  
                      <th>Loan Balance</th>
                      <th>Incentives</th>
                      <th>Other Deductions</th> 
                      <th>Edit</th>                   
                    </tr>


                    <?php
                    if(!empty($userRecords))
                    {
                        foreach($userRecords as $record)
                        {
                    ?>
                    
                    <tr>
                      <td><?php echo $record->Month_Year ?></td>
                      <td><?php echo $record->EmpID ?></td>
                      <td><?php echo $record->LOP_Days ?></td>
                      <td><?php echo $record->OT_Hrs_Worked ?></td>
                      <td><?php echo $record->Loan_Recovered ?></td>
                      <td><?php echo $record->Loan_Balance ?></td>
                      <td><?php echo $record->Incentives ?></td>
                      <td><?php echo $record->Other_Deductions ?></td>
                      
                      
                      <td>
                       
                      <a href="<?php echo base_url().'monthlypay/editOldmonthly/'.$record->EmpID.'/'.$record->Month_Year;?>"><i class="btn btn-info">EDIT</i></a>
                       
                      </td>
                    </tr>
                    <?php
                        }
                    }
                    ?>
                  </table>
                  
                </div><!-- /.box-body -->
                <div class="box-footer clearfix">
                    <?php echo $this->pagination->create_links(); ?>
                </div>
              </div><!-- /.box -->
            </div>
        </div>
    </section>
</div>
<script type="text/javascript" src="<?php echo base_url(); ?>assets/js/common.js" charset="utf-8"></script>
<script type="text/javascript">
    jQuery(document).ready(function(){
        jQuery('ul.pagination li a').click(function (e) {
            e.preventDefault();            
            var link = jQuery(this).get(0).href;            
            var value = link.substring(link.lastIndexOf('/') + 1);
            jQuery("#searchList").attr("action", baseURL + "monthlyListings/" + value);
            jQuery("#searchList").submit();
        });
    });
</script>