@extends('admin.layout.app')

@section('more-head')
	<link rel="stylesheet" href="{{asset('admin/bower_components/datatables.net-bs/css/dataTables.bootstrap.min.css')}}">
  <style>
    .table { border: 1px solid #2980B9; }
    .table thead > tr > th { border-bottom: none; }
    .table thead > tr > th, .table tbody > tr > th, .table tfoot > tr > th, .table thead > tr > td, .table tbody > tr > td, .table tfoot > tr > td { border: 1px solid #2980B9; }
  </style>
@endsection

@section('main-content')
<section class="content-header">
	<h1>
		OPERATIONS MANAGEMENT SYSTEM
		
	</h1>

</section>

<section class="content">

	<!-- Default box -->
	<div class="box">
		<div class="box-header">
      <div class="pull-left image">
          <img id="cimg" src="{{asset('admin/dist/img/cmclogo.png')}}" class="img-circle" alt="User Image">
         
      </div>
      <div class="col-lg-offset-5 col-md-6 ">
        <h3 class="box-title pull-right" style="text-align: center; font-weight: bold; margin-top: 50px;">PAYMENT SUMMARY </h3>
        <button id="print" class="btn btn-success" class="pull-right" onclick="$(this).hide(); $('.main-footer').hide();  window.print();"><i class="fa fa-print" aria-hidden="true"></i> Print </button>  
      
      </div>
    </div>
		
			<div class="box-body table-responsive">
                    <table id="" class="table table-bordered table-striped">
                      
                    
                     <tbody>
                      <tr>
                        <th>LBC CLAIM REFERENCE NO:</th>
                        <td>{{strtoupper($claim->claim_ref)}}</td>
                      </tr>
                      <tr>
                        <th>CLAIM PREPARATION DATE:</th>
                        <td>{{strtoupper(Carbon\Carbon::parse($claim->claim_date)->format('dS F Y'))}}</td>
                      </tr>
                      <tr>
                        <th>LBC:</th>
                        <td>{{strtoupper($claim->lbc->name)}}</td>
                      </tr>
                      <tr>
                        <th>CROP SEASON:</th>
                        <td>{{strtoupper($claim->season->name)}}</td>
                      </tr>
                      <tr>
                        <th>GRADE:</th>
                        <td>{{strtoupper($claim->summary_sheets->first()->grade)}}</td>
                      </tr>
                      <tr>
                        <th>NET WEIGHT :</th>
                        <td>{{($sat*1000)}}</td>
                      <tr>
                        <th>QUANTITY (BAGS):</th>
                        <td>{{strtoupper($sob)}}</td>
                      </tr>
                      <tr>
                        <th>TONNAGE :</th>
                        <td>{{number_format($sat,4)}}</td>
                      </tr>
                      <tr>
                        <th>PRODUCER PRICE :</th>
                        <td>GH¢ {{number_format($spp,2)}}</td>
                      </tr>
                      <tr>
                        <th>BUYERS MARGIN :</th>
                        <td>GH¢ {{number_format($sbm,2)}}</td>
                      </tr>
                      <tr>
                        <th>EVACUATION COST :</th>
                        <td>GH¢ {{number_format($sec,2)}}</td>
                      </tr>
                      <tr>
                        <th>AMOUNT PAYABLE :</th>
                        <td>GH¢ {{number_format($stc,2)}}</td>
                      </tr>
                       
                     </tbody>
                   </table>
                
               
				
      </div>
				
			<!-- /.box-body -->
			<div class="box-footer">
				
			</div>
	
		
	</div>
	<!-- /.box -->

</section>

@endsection

@section('more-scripts')
	<script src="{{asset('admin/bower_components/datatables.net/js/jquery.dataTables.min.js')}}"></script>
    <script src="{{asset('admin/bower_components/datatables.net-bs/js/dataTables.bootstrap.min.js')}}"></script>
    <script>
  $(function () {
    
    $.ajaxSetup({

        headers: {

            'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')

        }

    });

    $('#example1').DataTable()
    $('#example2').DataTable({
      'paging'      : true,
      'lengthChange': false,
      'searching'   : false,
      'ordering'    : true,
      'info'        : true,
      'autoWidth'   : false
    })
  })
</script>

@endsection