@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>
		Factory: {{App\Model\consignee::find($consignee_id)->name}}
	</h1>

</section>

<section class="content">

	<!-- Default box -->
	<div class="box">
		<div class="box-header with-border">
			<h3 class="box-title">{{App\Model\consignee::find($consignee_id)->name}}</h3>

      <div class="col-lg-offset-5"></div>
      
      <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 table-bordered table-striped">
        <thead>
          <tr>
            <th>No.</th>
            <!--<th>Factory</th>-->
            <th>Truck Number</th>
            <th>Transaction Code</th>
            <th>First Weight</th>
            <th>Second Weight</th>
            <th>Net Weight</th>
            <th>CDN NO.</th>
            <th>No. of Bags</th>
            <th>MKs</th>
            <th>Tonnage Status</th>
            
            <th>CONFIRM</th>
            
          </tr>
        </thead>
        <tbody>

          @foreach ($evac_trucks as $evac_truck)
          <tr>
           <td>{{$loop->index + 1}}.</td>
           <!--<td>{{$evac_truck->consignee->name}}</td>-->
           <td>{{strtoupper($evac_truck->truck->truck_no)}}</td>
           <td>{{$evac_truck->transaction_code}}</td>
           <td>{{$evac_truck->first_weight}}</td>
           <td>{{$evac_truck->second_weight}}</td>
           <td>{{$evac_truck->net_weight}}</td>
           <td>
            @foreach ($evac_truck->shed_waybills as $sw)
            
            {{optional($sw->cdn)->cdn_number}}<br>
            
            @endforeach

          </td>
          <td>{{$evac_truck->shed_waybills()->sum('quantity')}}</td>
          <td>
            <table class="table">
              <tr><td>MK</td> <td>MK Tonnage</td></tr>
              @foreach ($evac_truck->shed_waybills as $shed_waybill)
              <tr>
               <td>{{$shed_waybill->contract->mk_number}}</td>
               <td>{{$shed_waybill->contract->sales_advice->tonnage}}</td>
             </tr>
             @endforeach

           </table>
         </td>
         <td>
           <table class="table">
            <tr><td>Contract No.</td><td>Contract Tonnage</td> <td>Contract Tonnage Delivered</td> <td>MK Tonnage Remaining</td></tr>
            @foreach ($evac_truck->shed_waybills as $shed_waybill)
            <tr>
              <td>{{$shed_waybill->contract->number}}</td>
              @php
              $mkt = $shed_waybill->sales_advice->tonnage;
              $td = $shed_waybill->sales_advice->shed_waybills()->sum('net_weight');
              @endphp
              <td>{{$shed_waybill->contract->tonnage}}</td>
              <td>{{ ($shed_waybill->contract->shed_waybills()->sum('net_weight'))}}</td>
              <td>{{$mkt - $td}}</td>
            </tr>

            @endforeach

          </table>
        </td>

        <td><a href="{{ route('add.indirect.tolling.tonnage',$evac_truck)  }}" class="btn btn-warning" @if ($evac_truck->factory_bags != null) onclick="event.preventDefault();" disabled oncontextmenu="return false;" @endif>CONFIRM</a></td>


      </tr>
      @endforeach

    </tbody>
    <tfoot>
      <tr>
        <th>No.</th>
        <!--<th>Factory</th>-->
        <th>Truck Number</th>
        <th>Transaction Code</th>
        <th>First Weight</th>
        <th>Second Weight</th>
        <th>Net Weight</th>
        <th>CDN NO.</th>
        <th>No. of Bags</th>
        <th>MKs</th>
        <th>Tonnage Status</th>

        <th>CONFIRM</th>

      </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