
<style>
  .input-lg {
      height: 46px;
      padding: 7px 18px;
      font-size: 18px;
      line-height: 1.3333333;
      border-radius: 6px;
      border: 1px solid #ccc;
    
  }
  .card1{
    margin-top: 0px;
  }

  .title{
    padding-left: 2rem;
  }

</style>

<div class="row" style="padding:9px;background: #fff;color: #000;border-bottom: 1px solid #717171;">
  <div class="container mt-0">
    <div class="row col-lg-12">
      <ul class="nav nav-pills">
        <li class="nav-item">
          <a class="nav-link pr-3 <?= current_url() == base_url().'start_claim' ? 'active' : ''?>" href="<?= base_url().'start_claim' ?>" >Start a Claim</a>
        </li>
        <li class="nav-item">
          <a class="nav-link pr-3 <?= current_url() == base_url().'claim_report_icam' ? 'active' : ''?>" href="<?= base_url().'claim_report_icam' ?>" >Report</a>
        </li>
      </ul>
    </div>
  </div>
</div> 


  <div class="row">
  <div class="col-lg-12">
  <div class="card shadow mt-2 card1">
					<div class="card-header py-3 d-flex flex-row align-items-center justify-content-between" style="margin: 0;background-color: #515357;padding: 3px;font-weight: 700;">
   				<h6 class="m-0 font-weight-bold text-light title" style="color: #FFFFFF;">Claim Report</h6>
					</div>
					 
					<div class ="card-body" >
          <div class="alert alert-default"></strong>
            <div class="pull-right" style="margin: 0 5px 10px 0;padding-top: 5px;">
                <!-- <button id="action-approve" disabled="active" type="button" class="btn btn-success btn-sm openFormButton"><i class="fa fa-check"></i>Approve</button>
                <button id="action-manage" disabled="disabled" type="button" class="btn btn-danger btn-sm openFormButton"><i class="fa fa-times"></i>Decline</button>
                <button id="action-manage" disabled="disabled" type="button" class="btn btn-primary btn-sm openFormButton"><i class="fa fa-eye"></i>View</button> -->
                <!-- <button id="action-view" disabled="disabled" type="button" class="btn btn-success" data-toggle="modal" data-target="#quick_view"><i class="fa fa-search"></i> View Details</button>   -->
            </div>
          </div>
						<div class="table-responsive col-lg-12 col-sm-12 col-md-12">
								<table id="approval-table" class="table table-stripedx table-bordered table-hover" style="margin: 0">
								
									<thead class="">
									<tr>
										<th class="d-none" ></th>
										<th>#</th>
										<th>DISTRIBUTOR</th>
                    <th>REF NO.</th>
                    <th>CLAIM NAME</th>  
                    <th>CLAIM TYPE</th>
                    <th>DATE OPENED</th>
                    <th>STATUS</th>
									</tr>
									</thead>
									<tbody class="">
                          <?php 
                            if($claims){
                              $no=0;
                              foreach($claims as $claim) 
                              {
                                $no++; 
                        ?>  

                        <tr>
                            <!-- <td><//?php echo $no ?></td> -->
                            <td><?php echo $no ?></td>
                            <td><?php echo $claim->distributor; ?></td>  
                            <td><?php echo $claim->refno; ?></td> 
                            <td><?php echo $claim->name; ?></td>  
                            <td><?php echo $claim->claim_type; ?></td>   
                            <td><?php echo $claim->date_added; ?></td>    
                            <td><?php echo $claim->status_desc; ?></td>                     
                        </tr> 

                        <?php }
                            }else{?>
                                <tr>
                                  <td>No Available Claims</td>
                                </tr> 
                        <?php }?>
                  </tbody>
								</table>
							</div>
				
					</div>
			</div>
      </div>
      </div>
      



  


<!-- <script type="text/javascript" src="http://xplus-cdn.appspot.com/assets/js/dbtable.js?v=25.0"></script> -->
<!-- <script type="text/javascript" src="<//?= base_url() ?>assets/js/dbTable.js"></script> -->

<script>
var x;
var name;
 
 
$(document).ready(function() {
  
  function disable_action_buttons(disable) {
        if(disable) {
            $("#action-approve").attr('disabled','disabled');
            $("#action-view").attr('disabled','disabled');
        }
        else {
            $("#action-approve").removeAttr('disabled');
            $("#action-view").removeAttr('disabled');
        }
  }


  $("#action-close").on('click', function() { 
      document.querySelector(".openForm").style.display = "none";
  });

  $("#action-cancel").on('click', function() { 
      document.querySelector(".openForm").style.display = "none";
  });
</script>
</body>
</html>
