 
<div class="content-wrapper">
    <!-- Content Header (Page header) -->
    <section class="content-header">
      <h1>
       <center>Siddharth Industries - Cost Details</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(); ?>CostCenter/addCostCenter">Add New Cost List</a>
					<a class="btn btn-primary" href="<?php echo base_url(); ?>costcenter/export_cost">Export Cost Details <i class="fa fa-download"aira-hidden="true"></i></a>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-xs-12"> 
                 <table id="datatable" class="table table-bordered table-hover" style="background-color:#fff;font-size:12px;" >
					<thead>
						<tr>
						  <th>Cost Center ID</th>
						  <th>Cost Name</th>
						  <th>Description</th>
						  <th>Create Date</th>
						  <th>Action</th>                      
						</tr>
					</thead>
					<tbody>
                    <?php
                    if(!empty($userRecords))
                    {
                        foreach($userRecords as $record)
                        {
                    ?>
                    <tr>
                      <td><?php echo $record->code ?></td>
                      <td><?php echo $record->CostCenterName ?></td>
                      <td><?php echo $record->ApprovedBy ?></td>
                      <td><?php echo $record->FirstName ?></td>
                      
                      
                      <td>
                          <a href="<?php echo base_url().'CostCenter/editOldcost?CostCode='.$record->code; ?>"><i class="fa fa-pencil"></i>&nbsp;&nbsp;&nbsp;</a>
						  <a href="<?php echo base_url().'CostCenter/viewcost?CostCode='.$record->code; ?>"><i class="fa fa-eye"></i>&nbsp;&nbsp;&nbsp;</a>
						  
						  
                      </td>
                    </tr>
                    <?php
                        }
                    }
                    ?>
					</tbody>
                  </table>
                  
                 
            </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">
   
	$(function () {
   
    $('#datatable').DataTable({
      "paging": true,
      "lengthChange": true,
      "searching": true,
      "ordering": true,
      "info": true,
      "autoWidth": true
	   
    }); 
  });
	
</script>
