@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="{{ asset('admin/bower_components/datatables.net-bs/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">

    <div class="box-tools pull-right">

    </div>
   </div>

   <div class="box-body table-responsive">
    <div class="col-md-12">
     @php
      $curr_date = now();
      $curr_date = \Carbon\Carbon::parse($curr_date)->format('dS M Y');
      //$crop_year = optional($facs->first()->contract->date_declared);
     @endphp
     <h3 style="text-align:center;"><u>{{ strtoupper($crop_year) }} CROP YEAR COCOA (CIF) DECLARED BUT NOT SCHEDULED AS
       AT {{ $curr_date }}</u></h3>
     <table id="example2" class="table-bordered table-striped table-condensed table">
      <thead>
       <tr>
        <th>DECLARATION DATE</th>
        <th>BUYER</th>
        <th>MK NO.</th>
        <th>S/POSITION</th>
        <th>TONNAGE</th>
        <th>DESTINATION</th>
        <th>MODE OF SHIPMENT</th>
        <th>PORT</th>
        <th>SHIPPING LINE</th>
        <th>VESSEL/ETA</th>
       </tr>
      </thead>
      <tbody>
       @foreach ($facs as $fac)
        <tr>
         <td>{{ $fac->contract->date_declared }}</td>
         <td>{{ $fac->contract->consignee->name }}</td>
         <td>{{ $fac->contract->mk_number }}</td>
         <td>{{ $fac->contract->shipping_period }}</td>
         <td>{{ $fac->contract->facs->sum('fac_tonnage') }}</td>
         <td>{{ $fac->contract->destinationport->name }}</td>
         <td>{{ $fac->contract->shippingmode->name }}</td>
         <td></td>
         <td></td>
         <td></td>
        </tr>
       @endforeach
      </tbody>
      <tfoot>
       <tr>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td><b>{{ $facs->sum('fac_tonnage') }}</b></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>

       </tr>
      </tfoot>
     </table>
    </div>

   </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/js/dataTables.buttons.min.js') }}"></script>
 <script src="{{ asset('admin/bower_components/datatables.net/js/pdfmake.min.js') }}"></script>
 <script src="{{ asset('admin/bower_components/datatables.net/js/vfs_fonts.js') }}"></script>
 <script src="{{ asset('admin/bower_components/datatables.net/js/buttons.html5.min.js') }}"></script>
 <script src="{{ asset('admin/bower_components/datatables.net/js/buttons.print.js') }}"></script>
 <script>
  $(function() {

   $.ajaxSetup({

    headers: {

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

    }

   });



   $('#example1').DataTable()
   $('#example2').DataTable({
    'paging': false,
    'lengthChange': false,
    'searching': true,
    'ordering': true,
    'info': false,
    'autoWidth': false,
    dom: 'Bfrtip',
    buttons: [{
      extend: 'pdfHtml5',
      orientation: 'landscape',
      pageSize: 'A4',
      title: 'FAC SUMMARY'
     },
     {
      extend: 'print',
      orientation: 'landscape',
      pageSize: 'A4',
      footer: true,
      title: '<h2 style="position:absolute; top:20; left:120;"><u>{{ strtoupper($crop_year) }} CROP YEAR COCOA (CIF) DECLARED BUT NOT SCHEDULED AS AT {{ $curr_date }}</u></h2>',
      messageTop: '<img src="{{ asset('admin/dist/img/cmclogo.png') }}" style="position:relative; top:0; left:0;" />'
     }
    ]
   })
  })
 </script>
@endsection