@extends('admin.layout.app')

@section('more-head')
	<link rel="stylesheet" href="{{asset('admin/bower_components/datatables.net-bs/css/dataTables.bootstrap.min.css')}}">
<link rel="stylesheet" href="https://cdn.datatables.net/1.10.19/css/jquery.dataTables.min.css">
<link rel="stylesheet" href="https://cdn.datatables.net/buttons/1.5.2/css/buttons.dataTables.min.css">
@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 with-border">
			<h3 class="box-title">SUMMARY OF PURITIES AND CLAIMS</h3>

			<div class="box-tools pull-right">
				<button type="button" class="btn btn-box-tool" data-widget="collapse" data-toggle="tooltip"
				title="Collapse">
				<i class="fa fa-minus"></i></button>

			</div>
		</div>
		{{csrf_field()}} {{method_field('POST')}}
		 <div class="box-body">
			<div class="col-md-6">
		@cannot('m_and_e', Auth::user())
		    
					<form role="form" method="post" action="#" enctype="multipart/form-data">
						<div class="col-md-8">
							<div class="form-group">
								<label for="claim_date_from">Claim Date From:</label>
								<input type="date" class="form-control" name="claim_date_from" id="claim_date_from">
							</div>
							<div class="form-group">
								<label for="claim_date_to">Claim Date To:</label>
								<input type="date" class="form-control" name="claim_date_to" id="claim_date_to">
							</div>
							
							
						<div class="form-group">
						   <button type="submit" class="btn btn-primary">Submit</button>
					    </div>


					</div>

				</form>
		@endcannot
			</div>
			<div class="col-md-12">
				<div class="table-responsive">
					<br>
					<table id="example1" class="table table-bordered table-striped table-condensed">
						<thead>
							<tr>
								<th>CLAIM DATE</th>
								<th>LBC ID.</th>
								<th>LBC NAME</th>
								<th>PURITY GRADE</th>
								<th>PURITY NUMBER</th>
								<th>PURITY DATE</th>
								<th>BAGS</th>
								<th>TONNAGE</th>
								<th>EVACUATION RATE</th>
								<th>TOTAL CLAIM (GH¢)</th>
								<th>BANK ID</th>
								<th>BANK NAME</th>
								<th>CLAIM REF.</th>
							</tr>
						</thead>
						<tbody>
							@foreach ($internal_waybills as $internal_waybill)
								<tr>
									<td>{{($internal_waybill->claim_date)}}</td>
									<td>{{strtoupper($internal_waybill->lbc_id)}}</td>
									<td>{{strtoupper(optional(App\Model\lbc::find($internal_waybill->lbc_id))->name)}}</td>
									<td>{{($internal_waybill->audited_grade)}}</td>
									<td>{{($internal_waybill->audited_purity_number)}}</td>
									<td>{{($internal_waybill->audited_purity_date)}}</td>
									<td>{{($internal_waybill->audited_no_bags)}}</td>
									<td>{{$at = ($internal_waybill->audited_actual_tonnage)}}</td>
									<td>{{$aer =($internal_waybill->audited_evacuation_rate)}}</td>
									<td>
										@php
											$app = $internal_waybill->audited_producer_price;
											$abm = $internal_waybill->audited_buyers_margin;
											$aec = $internal_waybill->audited_evacuation_cost;
											$tcpp = $app + $abm + $aec;
										@endphp
										{{number_format($tcpp,2)}}
										{{--($internal_waybill->summary_sheet->claim->total_claim)--}}
									</td>
									<td>{{$internal_waybill->bank_id}}</td>
									<td>{{strtoupper(App\Model\bank::find($internal_waybill->bank_id)->name)}}</td>
									<td>{{strtoupper($internal_waybill->claim_ref)}}</td>
								</tr>
							@endforeach
						</tbody>
					</table>
				</div>
			</div>
		</div>

		</div>
				
			<!-- /.box-body -->
			
			
		<!-- /.box-footer-->
	</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 src="https://code.jquery.com/jquery-3.3.1.js">
   
 </script>

 <script src="https://cdn.datatables.net/1.10.19/js/jquery.dataTables.min.js">
   
 </script>

 <script src="https://cdn.datatables.net/buttons/1.5.2/js/dataTables.buttons.min.js">
   
 </script>

 <script src="https://cdn.datatables.net/buttons/1.5.2/js/buttons.flash.min.js">
   
 </script>

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jszip/3.1.3/jszip.min.js">
   
 </script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.36/pdfmake.min.js">
   
 </script>

 <script src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.36/vfs_fonts.js">
   
 </script>

 <script src="https://cdn.datatables.net/buttons/1.5.2/js/buttons.html5.min.js">
   
 </script>

<script src="https://cdn.datatables.net/buttons/1.5.2/js/buttons.print.min.js">
   
 </script>

    <script>
  $(function () {
    /*$('#example1').DataTable({

      'paging': true, 
       'searching'   : true,
       dom: 'Bfrtip',
       

  })

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

    $('#example1').DataTable( {
        'searching'   : true,
        'paging'      : true,
       'order': [[ 0, 'desc' ]],
        "pageLength": 50,
        dom: 'Bfrtip',
        buttons: [
            'copy', 'csv', 'excel', 'pdf', 'print'
        ]
    } );


  })
</script>

@endsection