@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">EVACUATIONS AT <b style="color: red;"> {{ strtoupper($wpo_evacuation->port->name) }} TOC </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_1" data-toggle="tab" aria-expanded="true">ASSIGN EVACUATION TO SHED</a></li>

      <li class=""><a href="#tab_3" data-toggle="tab" aria-expanded="false">ADD SHED INFO.</a></li>
      <!--<li class="dropdown">
                                                    <a class="dropdown-toggle" data-toggle="dropdown" href="#" aria-expanded="false">
                                                      Dropdown <span class="caret"></span>
                                                    </a>
                                                    <ul class="dropdown-menu">
                                                      <li role="presentation"><a role="menuitem" tabindex="-1" href="#">Action</a></li>
                                                      <li role="presentation"><a role="menuitem" tabindex="-1" href="#">Another action</a></li>
                                                      <li role="presentation"><a role="menuitem" tabindex="-1" href="#">Something else here</a></li>
                                                      <li role="presentation" class="divider"></li>
                                                      <li role="presentation"><a role="menuitem" tabindex="-1" href="#">Separated link</a></li>
                                                    </ul>
                                                  </li>-->
      <!--<li class="pull-right"><a href="#" class="text-muted"><i class="fa fa-gear"></i></a></li>-->
     </ul>
     <div class="tab-content">
      <div class="tab-pane active" id="tab_1">
       <div class="col-md-12 table-responsive">
        <br>
        <table class="table-bordered table-striped table-condensed table">
         <thead>
          <tr>
           <th>No.</th>
           @if ($wpo_evacuation->type == 'shipment')
            <th>SD No.</th>
           @endif
           <th>MK Number</th>
           <th>Category</th>
           <th>Crop Year</th>
           <th>Cocoa Type</th>
           <th>Specialty</th>
           <th>Consignee</th>
           <th> Tonnaged to <br> be Evacuated</th>
           <th>Shipment Period</th>
           {{-- <th>Port</th> --}}
           <th>Shipping Mode</th>
           <th>Contract Number </th>
           <th>Type</th>

          </tr>
         </thead>
         <tbody>
          <td>1.</td>
          @if ($wpo_evacuation->type == 'shipment')
           <td>(SD/{{ substr($wpo_evacuation->fac->allocation_letter->ref_number, -3) }})</td>
          @endif
          <td>{{ strtoupper($wpo_evacuation->mk_number) }}</td>
          <td>{{ strtoupper($wpo_evacuation->sales_advice->crop->name) }}</td>
          <td>{{ strtoupper($wpo_evacuation->sales_advice->production_year->year) }}</td>
          <td>{{ strtoupper(optional($wpo_evacuation->contract->shipping_instruction->cocoa_type)->type_name) }}</td>
          <td>
           {{ $wpo_evacuation->contract->shipping_instruction->specialty_type ? strtoupper($wpo_evacuation->contract->shipping_instruction->specialty_type) : 'N/A' }}
          </td>
          <td>{{ strtoupper($wpo_evacuation->consignee->name) }}</td>
          <td>{{ $wpo_evacuation->tonnage_to_be_evacuated }}</td>
          <td>{{ strtoupper($wpo_evacuation->shipping_period) }}</td>
          {{-- <td>{{ strtoupper($wpo_evacuation->port->name) }}</td> --}}
          <td style="color:indigo; font-weight: bold;">
           {{ strtoupper($wpo_evacuation->contract->shipping_instruction->shippingmode->name) }}</td>
          <td>{{ strtoupper($wpo_evacuation->contract_number) }}</td>
          <td style="color:darkgoldenrod; font-weight:bold;">{{ strtoupper($wpo_evacuation->type) }}</td>
         </tbody>

        </table>
        <table class="table-bordered table-striped table-condensed table">
         <thead>
          <tr>
           <th>No.</th>
           <th>Tonnage Assigned</th>
           <th>Tonnage Evacuated</th>
           <th>Shed </th>
           <th>Warehouse</th>
           <th>Category</th>
           <th>Date Assigned</th>
           <th>Re-Assign</th>

          </tr>
         </thead>
         <tbody>
          @foreach ($shed_evacs as $shed_evac)
           <tr>
            <td>{{ $loop->index + 1 }}.</td>
            <td>{{ $shed_evac->tonnage_assigned }}</td>
            <td style="color:darkgreen; font-weight:bold;">{{ $shed_evac->shed_waybills()->sum('quantity') / 16 }}</td>
            <td>{{ strtoupper($shed_evac->shed->name) }}</td>
            <td>{{ strtoupper($shed_evac->warehouse->name) }}</td>
            <td>{{ optional($shed_evac->category)->name }}
             ({{ optional(optional($shed_evac->category)->season)->name }})
            </td>
            <td>{{ $shed_evac->date_assigned }}</td>
            @php
             $valid_date = \Carbon\Carbon::now()
                 ->subDays(1)
                 ->format('Y-m-d');
             $valid_date2 = \Carbon\Carbon::parse($shed_evac->date_assigned)
                 ->addDays(1)
                 ->format('Y-m-d');
            @endphp
            <td><a href="{{ route('reassign.evac.shed', $shed_evac) }}" class="btn btn-primary"
              @if ($shed_evac->date_assigned <= $valid_date) disabled="disabled" onclick="return false;" oncontextmenu="return false" @endif>Re-Assign</a>
            </td>
           </tr>
          @endforeach
         </tbody>
        </table>

       </div>

      </div>

      <!-- /.tab-pane -->
      <div class="tab-pane" id="tab_3">

       <br>
       <div class="col-md-12">
        <br> <br>
        <div class="col-md-offset-0 col-md-6 table-responsive">

         <table class="table-striped table-bordered table">
          <tr>
           <th>MK Number</th>
           <td>{{ strtoupper($wpo_evacuation->mk_number) }}</td>
          </tr>
          <tr>
           <th>Category</th>
           <td>{{ strtoupper($wpo_evacuation->sales_advice->crop->name) }}</td>
          </tr>
          <tr>
           <th>Consignee</th>
           <td>{{ strtoupper($wpo_evacuation->consignee->name) }}</td>
          </tr>
          <tr>
           <th>Total Tonnage To be Evacuated</th>
           <td style="color: red; font-weight: bold">{{ $tte = $wpo_evacuation->tonnage_to_be_evacuated }}</td>
           <input type="hidden" value="{{ $tte }}" id="tte">
          </tr>
          {{-- <tr>
            						<th>Total Tonnage Available From Assignment</th>
            						<td style="font-weight: bold">{{$tta = $wpo_evacuation->tonnage_to_be_evacuated - $wpo_evacuation->shed_evacs()->sum('tonnage_assigned')}}</td>
            					</tr> --}}

          <tr>
           <th>Total Tonnage Fulfilled</th>
           <td style="color: green; font-weight: bold">
            {{ $ttf = $wpo_evacuation->shed_waybills()->sum('quantity') / 16 }}
           </td>
          </tr>

          <tr>
           <th>Total Tonnage Yet To be Fulfilled</th>
           <td style="color: blue; font-weight: bold">{{ $tty = $tte - $ttf }}</td>
           <input type="hidden" value="{{ $tty }}" id="tty">
          </tr>
          <!--<tr>
                                      <th>Shipment period</th>
                                      <td>{{ strtoupper($wpo_evacuation->shipping_period) }}</td>
                                      </tr>
                                      <tr>
                                      <th>TOC</th>
                                      <td>{{ strtoupper($wpo_evacuation->port->name) }}</td>
                                      </tr>-->
         </table>
        </div>

       </div>
       <div class="col-md-4">
        <form role="form" method="post" action="{{ route('store.shed.evac.info', $wpo_evacuation) }}"
         enctype="multipart/form-data" id="myFormId">
         {{ csrf_field() }} {{ method_field('POST') }}
         <div class="form-group">
          <br>
          <label for="shed_id"> Select shed</label>
          <select id="shed_id" class="form-control select2 required" data-placeholder="Select shed"
           style="width: 100%;" name="shed_id" required>
           <option value="">Select shed.</option>
           @foreach ($sheds as $shed)
            <option value="{{ $shed->id }}">{{ $shed->name }}</option>
           @endforeach

          </select>
          <br><br>

         </div>

         <div class="form-group">
          <label for="tonnage_assigned">Tonnage to be Evacuated </label>
          <input type="text" class="form-control" id="tonnage_assigned" name="tonnage_assigned"
           placeholder="Tonnage to be Evacuated" step="0.0001" min="0.0000" required>
         </div>

         <div class="form-group">
          <label for="date_assigned">Date Assigned</label>
          <input type="date" class="form-control" id="date_assigned" name="date_assigned" required>
         </div>

         @if (
             $wpo_evacuation->sales_advice->crop_id != 1 ||
                 $wpo_evacuation->sales_advice->crop_id != 4 ||
                 $wpo_evacuation->sales_advice->crop_id != 8)
          <div class="form-group">
           <br>
           <label for="category_id"> Select category</label>
           <select id="category_id" class="form-control select2 required" data-placeholder="Select category"
            style="width: 100%;" name="category_id" required>
            <option value="">Select category.</option>
            @foreach ($categorys as $category)
             <option value="{{ $category->id }}">{{ $category->name }} ({{ $category->season->name }})</option>
            @endforeach

           </select>
           <br><br>

          </div>
         @endif

         {{-- <input type="hidden" id="tta" name="tta" value="{{$tta}}"> --}}

         <div class="form-group">
          <button id="submit_form" type="submit" class="btn btn-primary">Submit</button>
         </div>

       </div>
       </form>

      </div>

      <div class="tab-pane" id="tab_4">
       <!--<p>
                                                    Actual Total No. of Bags on waybill(S) : <b style="color: green;"> {{-- $actual_no_of_bags --}} </b> <br>

                                                    Expected No. of Bags: <b style="color: indigo;"> {{-- $expected_no_of_bags --}}</b> <br>

                                                    Difference <b style="color:red;"> {{-- $difference_bags --}}</b> <br>
                                                    </p>-->
      </div>
      <!-- /.tab-pane -->
     </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() {
   //tta = $('#tta').val();
   //alert(tta);
   $('#example1').DataTable();
   $('.select2').select2();

   $('#tonnage_assigned').on('input', function(event) {

    var c = this.selectionStart,
     r = /[^0-9\.]+/,
     v = $(this).val();
    if (r.test(v)) {
     $(this).val(v.replace(r, ''));
     c--;
    }
    this.setSelectionRange(c, c);
    value = $(this).val();
    tty = $('#tty').val(); //total tonage assigned
    //wnob = $('#wnob').val();

    tr = tty;
    //tr = wnob - tnobs;

    max_value = tr;

    if ((value !== '') && (value.indexOf('.') === -1) && max_value > 0) {

     $(this).val(Math.max(Math.min(value, max_value), -max_value));

    }


   });

   $('#submit_form').on('click', function(event) {
    bush_grade = $('#bush_grade').val();
    tonnage_assigned = $('#tonnage_assigned').val();

    /*if (warehouse_id == '0') {
    event.preventDefault();
    alert('Kindly select a Warehouse');
    return false;
    }
    else {
    	return true;
    }*/

    if (tonnage_assigned <= 0 || tonnage_assigned == '') {
     alert('Total tonnage of transaction has been assigned!!');
     return false;
    } else if (isNumeric(tonnage_assigned) == false) {
     alert('Enter a valid number');
     return false;
    } else {
     return isNumeric(tonnage_assigned);
    }

    function isNumeric(n) {
     return !isNaN(parseFloat(n)) && isFinite(n);
    }


   });

   $('#myFormId').submit(function() {
    $("#submit_form", this)
     .html("Please Wait...")
     .attr('disabled', 'disabled');
    return true;
   });


  })
 </script>
@endsection