@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>
   WPO EVACUATION
  </h1>

 </section>

 <section class="content">

  <!-- Default box -->
  <div class="box">
   <div class="box-header with-border">
    @if ($type == 'shipment')
     <h3 class="box-title">SHIPMENT</h3>
    @else
     <h3 class="box-title">FACTORY</h3>
    @endif

    @can('operation.accra_mkt', Auth::user())
     <!--  <div class="col-lg-offset-5"><a href="{{ route('wpo_evacuation.create') }}" class="btn btn-success">Add Evacuation</a></div> -->
    @endcan

    <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">
    <table id="example1" class="table-bordered table-striped table">
     <thead>
      <tr>
       <th>No.</th>
       <th>MK Number</th>
       <th>Contract Number </th>
       @if ($type == 'shipment')
        <th>SD No.</th>
       @endcan
       <th>Consigne</th>
       <th>Marketing Reference</th>
       <th>Tonnaged to be Evacuated</th>
       <th>Expected Tonnage Evacuated</th>
       <th>Actual Tonnage Evacuated</th>
       <th>Letter Date</th>
       <th>Shipment Period</th>
       <th>Port</th>
       {{-- <th>Type</th> --}}
       @can('operation.accra_wpo', Auth::user())
        <!--<th>Tonnage Delivered</th>-->
        <th>SEND</th>
       @endcan

       @can('operation.accra_wpo', Auth::user())
        @if ($type == 'local')
         <th>EDIT</th>
        @else
         <th>Original Letter</th>
         <th>Revision Letter</th>
         <th>Cancellation Letter</th>
        @endif
       @endcan

       {{-- @can('operation.accra_wpo', Auth::user())
          <th>DELETE</th>
          @endcan --}}

       @can('operation.toc_wpo.arrival', Auth::user())
        @if ($type == 'local')
         <!-- <th>ADD TRUCK LIST </th> -->
        @endif
        <th>Assign To Shed</th>
       @endcan

     </tr>
    </thead>
    <tbody>

     @foreach ($wpo_evacuations as $wpo_evacuation)
      <tr>
       <td>{{ $loop->index + 1 }}</td>
       <td>{{ $wpo_evacuation->mk_number }}</td>
       <td>{{ $wpo_evacuation->contract_number }} </td>
       @if ($type == 'shipment')
        @if ($wpo_evacuation->fac->allocation_letter->revise_ref_id != null)
         <td>
          (SD/{{ substr(optional(App\Model\allocation_letter::find($wpo_evacuation->fac->allocation_letter->revise_ref_id))->ref_number, 21) }})
         </td>
        @elseif ($wpo_evacuation->fac->allocation_letter->cancel_ref_id != null)
         <td>
          (SD/{{ substr(optional(App\Model\allocation_letter::find($wpo_evacuation->fac->allocation_letter->cancel_ref_id))->ref_number, 21) }})
         </td>
        @else
         <td> (SD/{{ substr(optional(optional($wpo_evacuation->fac)->allocation_letter)->ref_number, 21) }})</td>
        @endif
       @endif
       <td>{{ $wpo_evacuation->consignee->name }}</td>
       <td>{{ $wpo_evacuation->contract->shipping_instruction?->consignee_reference }}</td>
       <td>{{ $wpo_evacuation->tonnage_to_be_evacuated }}</td>
       <td style="color: red; font-weight: bold">
        {{ number_format($wpo_evacuation->shed_waybills()->where('contract_id', $wpo_evacuation->contract_id)->get()->sum('quantity') / 16,4) }}
       </td>
       <td style="color: green; font-weight: bold">
        {{ number_format($wpo_evacuation->shed_waybills()->where('contract_id', $wpo_evacuation->contract_id)->get()->sum('net_weight'),4) }}
       </td>
       @if ($wpo_evacuation->letter_date != null)
        <td>{{ $wpo_evacuation->letter_date }}</td>
       @else
        <td>{{ optional($wpo_evacuation->wpo_allocation_letters->last())->date }}</td>
       @endif
       <td>{{ $wpo_evacuation->shipping_period }}</td>
       <td>{{ $wpo_evacuation->port->name }}</td>
       {{-- @if ($wpo_evacuation->type == 'shipment')
        <td style="color:darkblue; font-weight:bold;">{{ strtoupper($wpo_evacuation->type) }}</td>
       @else
        <td style="color:darkred; font-weight:bold;">FACTORY</td>
       @endif --}}
       @can('operation.accra_wpo', Auth::user())
        <!--<td style="color: red; font-weight: bold;">{{-- $wpo_evacuation->mk->mk_tonnage - $wpo_evacuation->mk->wpo_evacuations->sum('tonnage_evacuated') --}} tonnes evacuated</td> -->
        <td>
         <form style="display: none;" id="form-data-send-{{ $wpo_evacuation->id }}"
          action="{{ route('wpo_evacuation.send', $wpo_evacuation) }}" method="post">{{ csrf_field() }}
          {{ method_field('put') }}</form>
         <button class="btn btn-warning"
          onclick="if(confirm('Are you sure you want to send?')){event.preventDefault(); document.getElementById('form-data-send-{{ $wpo_evacuation->id }}').submit();} else{ event.preventDefault();}"
          @if ($wpo_evacuation->status == 'sent' || $wpo_evacuation->cancel_wpo_allocation_letter_id != null) disabled @endif>
          @if ($wpo_evacuation->status == 'sent')
           SENT
          @else
           SEND
          @endif
         </button>
        </td>
       @endcan
       @can('operation.accra_wpo', Auth::user())
        @if ($type == 'local')
         <td><a href="{{ route('wpo_evacuation.edit', $wpo_evacuation) }}" class="btn btn-primary"
           @if ($wpo_evacuation->status != 'sent' && $wpo_evacuation->type == 'shipment' && $wpo_evacuation->trucklist_id != null) disabled @endif>EDIT</a></td>
        @else
         <td><a href="{{ route('view.wpo.letter', $wpo_evacuation->fac) }}" class="btn btn-success">
           <i class="fa fa-plus-square text-white"></i> VIEW LETTER </a></td>
         @if ($wpo_evacuation->revise_wpo_allocation_letter_id == null)
          <td><a href="{{ route('revise.letter.date', $wpo_evacuation) }}" class="btn btn-danger">
            <i class="fa fa-plus-square text-white"></i> ADD DATE </a></td>
         @elseif ($wpo_evacuation->wpo_allocation_letter_id == null)
          <td><a href="{{ route('revise.letter.date', $wpo_evacuation) }}" class="btn btn-danger"
            onclick="event.preventDefault();" disabled='disabled' oncontextmenu="return false;">
            <i class="fa fa-plus-square text-white"></i> ADD DATE </a></td>
         @else
          <td><a href="{{ route('view.revise.letter', $wpo_evacuation) }}" class="btn btn-success">
            <i class="fa fa-plus-square text-white"></i> VIEW REVISED LETTER </a></td>
         @endif
         @if ($wpo_evacuation->cancel_wpo_allocation_letter_id == null)
          <td><a href="{{ route('cancel.letter.date', $wpo_evacuation) }}" class="btn btn-danger">
            <i class="fa fa-plus-square text-white"></i> ADD DATE </a></td>
         @elseif ($wpo_evacuation->revise_wpo_allocation_letter_id != null)
          <td><a href="{{ route('cancel.letter.date', $wpo_evacuation) }}" class="btn btn-danger"
            onclick="event.preventDefault();" disabled='disabled' oncontextmenu="return false;">
            <i class="fa fa-plus-square text-white"></i> ADD DATE </a></td>
         @else
          <td><a href="{{ route('view.cancel.letter', $wpo_evacuation) }}" class="btn btn-success">
            <i class="fa fa-plus-square text-white"></i> VIEW CANCELLED LETTER </a></td>
         @endif
        @endif
       @endcan

       {{-- @can('operation.accra_wpo', Auth::user())
            <td><form style="display: none;" id="form-data-{{$wpo_evacuation->id}}" action="{{ route('wpo_evacuation.destroy',$wpo_evacuation) }}" method="post">{{csrf_field()}} {{method_field('DELETE')}}</form><button class="btn btn-danger" onclick="if(confirm('wanna delete?')){event.preventDefault(); document.getElementById('form-data-{{$wpo_evacuation->id}}').submit();} else{ event.preventDefault();}">DELETE</button></td>
            @endcan --}}

       @can('operation.toc_wpo.arrival', Auth::user())
        @if ($type == 'local')
         <!-- <td>
                                                                                                                                           <a href="{{-- route('get.add.trucklist',$wpo_evacuation) --}}" class="btn btn-danger" @if ($wpo_evacuation->type == 'shipment') onclick="event.preventDefault();" disabled oncontextmenu="return false;" @endif>ADD TRUCK LIST</a>
                                                                                                                                         </td> -->
        @endif
        <td>
         <a href="{{ route('assign.evac.shed', $wpo_evacuation) }}" class="btn btn-success">Assign to SHED</a>
        </td>
       @endcan
      </tr>
     @endforeach

    </tbody>
    <tfoot>
     <tr>
      <th>No.</th>
      <th>MK Number</th>
      <th>Contract Number </th>
      @if ($type == 'shipment')
       <th>SD No.</th>
      @endcan
      <th>Consigne</th>
      <th>Marketing Reference</th>
      <th>Tonnaged to be Evacuated</th>
      <th>Expected Tonnage Evacuated</th>
      <th>Actual Tonnage Evacuated</th>
      <th>Letter Date</th>
      <th>Shipment Period</th>
      <th>Port</th>
      {{-- <th>Type</th> --}}
      @can('operation.accra_wpo', Auth::user())
       <!--<th>Tonnage Delivered</th>-->
       <th>SEND</th>
      @endcan

      @can('operation.accra_wpo', Auth::user())
       @if ($type == 'local')
        <th>EDIT</th>
       @else
        <th>Original Letter</th>
        <th>Revision Letter</th>
        <th>Cancellation Letter</th>
       @endif
      @endcan

      {{-- @can('operation.accra_wpo', Auth::user())
          <th>DELETE</th>
          @endcan --}}

      @can('operation.toc_wpo.arrival', Auth::user())
       @if ($type == 'local')
        <!-- <th>ADD TRUCK LIST </th> -->
       @endif
       <th>Assign To Shed</th>
      @endcan

    </tr>
   </tfoot>
  </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() {
  $('#example1').DataTable()
  $('#example2').DataTable({
   'paging': true,
   'lengthChange': false,
   'searching': false,
   'ordering': true,
   'info': true,
   'autoWidth': false
  })
 })
</script>
@endsection