@extends('admin.layout.app')

@section('more-head')
 <link rel="stylesheet" type="text/css" href="{{ asset('admin/bower_components/select2/dist/css/select2.min.css') }}">
 <link rel="stylesheet" href="{{ asset('admin/dist/css/AdminLTE.min.css') }}">
 <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>
   CMC OPERATIONS MANAGEMENT SYSTEM

  </h1>

 </section>

 <section class="content">

  <!-- Default box -->
  <div class="box">
   <div class="box-header with-border">
    <h3 class="box-title"> <b style="color: red;"> {{ strtoupper($shed->name) }} SHED </b> </h3>

    <div class="box-tools pull-right">
     <button class="btn btn-danger" onclick="window.history.back()">Back to Transactions</button>

    </div>
   </div>
   @include('includes.messages')

   <div class="box-body">
    <div class="nav-tabs-custom">
     <ul class="nav nav-tabs">
      <li class="active"><a href="#tab_5" data-toggle="tab" aria-expanded="false"
        style="color:darkcyan; font-weight:  bolder;"> <i class="fa fa-truck"></i> TRUCK WAYBILL HISTORY</a></li>
     </ul>
     <div class="tab-content">

      <div class="tab-pane active" id="tab_5">
       <div class="col-md-12 table-responsive">
        <br>

        <table id="example3" class="table-bordered table-striped table-condensed table">
         <thead>

          <tr>
           <th>No.</th>
           <th>Buyer</th>
           <th>Transaction Code</th>
           <th>Truck Number</th>
           <th>Transporter</th>
           <th>Waybill Details</th>

          </tr>
         </thead>
         <tbody>
          @foreach ($evac_trucks as $evac_truck)
           <tr>
            <td>{{ $loop->index + 1 }}.</td>
            <td>{{ strtoupper($evac_truck->wpo_evacuation->consignee->name) }}</td>
            <td style="color:darkgoldenrod; font-weight:bolder">{{ strtoupper($evac_truck->transaction_code) }}</td>
            <td>{{ strtoupper($evac_truck->truck->truck_no) }}</td>
            <td>{{ strtoupper($evac_truck->truck->transporter) }}</td>
            @if ($evac_truck->shed_waybills()->exists())
             <td>
              <table class="table">
               <tr>
                <th>No.</th>
                <th>MK Number</th>
                <th>Contract</th>
                <th>Waybill No.</th>
                <th>Waybill Date</th>
                <th>Quantity (Bags)</th>
                <th>Season</th>
                <th>Category</th>
                <th>Grade</th>
                <th>Shed</th>
                <th>Stack</th>
               </tr>
               @foreach ($evac_truck->shed_waybills as $shed_waybill)
                <tr>
                 <td>{{ $loop->index + 1 }}.</td>
                 <th>{{ $shed_waybill->wpo_evacuation->contract->sales_advice->mk_number }}</th>
                 <td>{{ $shed_waybill->wpo_evacuation->contract->number }}</td>
                 <td>{{ $shed_waybill->waybill_no }}</td>
                 <td>{{ Carbon\Carbon::parse($shed_waybill->waybill_date)->format('jS F Y') }}</td>
                 <td>{{ $shed_waybill->quantity }}</td>
                 <td>{{ $shed_waybill->season->name }}</td>
                 <td>{{ $shed_waybill->category->name }}</td>
                 <td>{{ $shed_waybill->grade }}</td>
                 <td>{{ $shed_waybill->shed->name }}</td>
                 <td>{{ optional($shed_waybill->stack)->stack_name }}</td>
                </tr>
               @endforeach

              </table>
             </td>
            @else
             <th style="color: red;"> YET TO BE LOADED</th>
            @endif
           </tr>
          @endforeach

         </tbody>
        </table>

       </div>

      </div>
     </div>
     <!-- /.tab-content -->
    </div>

   </div>

   <!-- /.box-body -->
   <div class="box-footer">

   </div>

   <!-- /.box-footer-->
  </div>

 </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="{{ asset('admin/bower_components/select2/dist/js/select2.full.min.js') }}"></script>
 <script src="{{-- asset('admin/dist/js/forwardonly.js') --}}"></script>
 <script>
  $(function() {

   $('#example1').DataTable();
   $('.example2').DataTable();
   $('#example3').DataTable();
   $('.select2').select2();

   $('#submit_form').on('click', function(event) {
    bush_grade = $('#bush_grade').val();
    if (warehouse_id == '0') {
     event.preventDefault();
     alert('Kindly select a Warehouse');
     return false;
    } else {
     return true;
    }


   });

  })
 </script>
@endsection