@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">OFFLOADINGS SUMMARY</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>
		
			<div class="box-body table-responsive">
			   
            <hr><hr>

         <table id="example1" class="table table-bordered table-condensed table-striped">
                <thead>
                    <tr>
                      <th>No.</th>
                      <th>Cat/ (Season)</th>
                      <th>TEMA</th>
                      <th>TAKORADI</th>
                      <th>KUMASI</th>
                      <th>TOTAL</th>
                    </tr>
                  
                </thead>  
                <tbody>
                  @foreach ($categorys as $category)
                    <tr>
                      <td>{{$loop->index + 1}}</td>
                      <td>{{$category->name}} / ({{App\Model\season::find($category->season_id)->name}})</td>
                      <td>{{$internal_waybills_tm->where('purity_category_id',$category->id)->sum('audited_actual_tonnage')}}</td>
                      <td>{{$internal_waybills_td->where('purity_category_id',$category->id)->sum('audited_actual_tonnage')}}</td>
                      <td>{{$internal_waybills_ks->where('purity_category_id',$category->id)->sum('audited_actual_tonnage')}}</td>
                      <td>{{$internal_waybills->where('purity_category_id',$category->id)->sum('audited_actual_tonnage')}}</td>
                      
                    </tr>
                  @endforeach
                  <tr>
                    <td></td>
                    <td></td>
                    <td>{{$internal_waybills_tm->sum('audited_actual_tonnage')}}</td>
                    <td>{{$internal_waybills_td->sum('audited_actual_tonnage')}}</td>
                    <td>{{$internal_waybills_ks->sum('audited_actual_tonnage')}}</td>
                    <td>{{$internal_waybills->sum('audited_actual_tonnage')}}</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 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,
        'ordering'    : false,
        "pageLength": 50,
        dom: 'Bfrtip',
        buttons: [
            'copy', 'csv', 'excel', 'pdf', 'print'
        ]
    } );

   


  })
</script>

@endsection