@extends('admin.layout.app')

@section('more-head')
 <link rel="stylesheet" href="{{ asset('admin/bower_components/datatables.net-bs/css/dataTables.bootstrap.min.css') }}">
@endsection

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

  </h1>

 </section>

 <section class="content">
  @php
   use Carbon\Carbon;
  @endphp
  <!-- Default box -->
  <div class="box">
   <div class="box-header with-border">
    <h3 class="box-title">DAILY GANG JOB ACTIVITY PERFORMANCE</h3>

    <div class="box-tools pull-right">
     <a class="btn btn-info" href="{{ route('verify_shed_gang_allocations_to_activity_summary', $activity_summary) }}"
      @if ($activity_summary->status == 'depot_verified') disabled onclick="event.preventDefault();" @elseif($shed_gang_allocations->count() == 0) disabled onclick="event.preventDefault();" @endif>Verify
      Activity Summary </a>

    </div>
    <button id="print" class="btn btn-success" class="pull-left"><i class="fa fa-print" aria-hidden="true"></i> Print
    </button>
   </div>
   <table width="1067" border="0" align="center">
    <tr>
     <td width="83" height="89">
      <table width="90" height="80" border="0">
       <tr>
        <td width="84"><img id="cimg" src="{{ asset('admin/dist/img/cmclogo.png') }}" class="img-circle"
          alt="User Image"></td>
       </tr>
      </table>
     </td>
     <td width="848">
      <table width="876" height="86" border="0">
       <tr>
        <td width="870">
         <div align="center" class="style4">COCOA MARKETING COMPANY (GH) LIMITED</div>
        </td>
       </tr>
       <tr>
        <td>
         <div align="center" class="style5">WAREHOUSING AND PORT OPERATIONS DEPARTMENT -
          {{ strtoupper(Auth::user()->port->name) }}</div>
        </td>
       </tr>
       <tr>
        <td>
         <div align="center" class="style6">SUMMARY OF GANG JOB ACTIVITIES</div>
        </td>
       </tr>
      </table>
     </td>
     <td width="122">&nbsp;</td>
    </tr>
   </table>

   <div class="box-body table-responsive">
    <div class="col-md-offset-0 col-md-12">
     <table class="table-bordered table">
      <tr>
       <th>ACTIVITY SHEET REF.</th>
       <th>GANG</th>
       <th>TOC</th>
       <th>SEASON</th>
       <th>ACTIVITY DATE</th>

      </tr>
      <tr>
       <td>{{ $activity_summary->activity_summary_ref }}</td>
       <td>{{ $activity_summary->gang->gang_name }}</td>
       <td>{{ $activity_summary->port->name }}</td>
       <td>{{ $activity_summary->season->name }}</td>
       <td>{{ Carbon::parse($activity_summary->activity_date)->format('dS M Y') }} <input type="hidden"
         name="activity_summary_id" id="activity_summary_id" value="{{ $activity_summary->id }}"></td>
      </tr>
     </table>
    </div>

    <div class="col-md-offset-0 col-md-12">

     <table class="table-bordered table-striped table-condensed table">
      <thead>
       <tr>
        <th>No.</th>
        <th>Activity</th>
        <th>Shed</th>
        <th>Quantity Fulfilled (Bags)</th>
        <th>Activity Date</th>
        <th>LBC</th>
        <th>Factory</th>
        <th>Internal Waybill No.</th>
        <th>Internal Waybill Date</th>
        <th>Shed Waybill No.</th>
        <th>Shed Waybill Date</th>

        <th>Purity Date</th>
        <th>Purity Number</th>

       </tr>
      </thead>
      <tbody>
       @foreach ($shed_gang_allocations as $shed_gang_allocation)
        <tr>
         <td>{{ $loop->index + 1 }}.</td>
         <td>{{ $shed_gang_allocation->gang_allocation->activity->activity_name }}</td>
         <td>{{ $shed_gang_allocation->shed->name }}</td>
         <td>{{ $shed_gang_allocation->quantity_fulfiled }}</td>
         <td>{{ Carbon::parse($shed_gang_allocation->gang_allocation->allocation_date)->format('dS M Y') }}</td>
         <td>{{ optional(optional($shed_gang_allocation->internal_waybill)->lbc)->name }}</td>
         <td>{{ optional(optional($shed_gang_allocation->shed_waybill)->consignee)->name }}</td>
         <td>{{ optional($shed_gang_allocation->internal_waybill)->internal_waybill_no }}</td>
         <td>
          {{ optional($shed_gang_allocation->internal_waybill)->internal_waybill_date ? Carbon::parse(optional($shed_gang_allocation->internal_waybill)->internal_waybill_date)->format('dS M Y') : null }}
         </td>
         <td>{{ optional($shed_gang_allocation->shed_waybill)->waybill_no }}</td>
         <td>
          {{ optional($shed_gang_allocation->shed_waybill)->waybill_date ? Carbon::parse(optional($shed_gang_allocation->shed_waybill)->waybill_date)->format('dS M Y') : null }}
         </td>
         <td>
          {{ optional($shed_gang_allocation->internal_waybill)->purity_date ? Carbon::parse(optional($shed_gang_allocation->internal_waybill)->purity_date)->format('dS M Y') : null }}
         </td>
         <td>{{ optional($shed_gang_allocation->internal_waybill)->purity_number }}</td>
        </tr>
       @endforeach
       <tr>
        <td colspan="2"></td>
        <th>TOTAL BAGS</th>
        <th style="color:green;">{{ $shed_gang_allocations->sum('quantity_fulfiled') }}</th style="color:green;">
        <td colspan="9"></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() {

   $(document).ready(function() {
    function disablePrev() {
     window.history.forward()
    }
    window.onload = disablePrev();
    window.onpageshow = function(evt) {
     if (evt.persisted) disableBack()
    }
   });

   $.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
   })

   $('.natic').hide();

   $('#print').on('click', function(event) {
    //event.preventDefault();
    $(this).hide();
    $('.main-footer').hide();
    $('.box-header').hide();
    $('.atic').hide();
    $('.hiide').hide();
    $('.natic').show();
    window.print();
    $(this).show();
    $('.hiide').show();
    $('.atic').show();
    $('.natic').hide();
   });

  })
 </script>
@endsection