@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>
   OPERATIONS MANAGEMENT SYSTEM

  </h1>

 </section>

 <section class="content">

  <!-- Default box -->
  <div class="box">
   <div class="box-header with-border">
    <h3 class="box-title">RE-ASSIGN EVACUATION</h3>
    <div class="col-md-12">
     <table class="table-bordered table-striped table-condensed table">
      <thead>
       <tr>
        <th>No.</th>
        <th>MK Number</th>
        <th>Category </th>
        <th>Consignee</th>
        <th>Shipment Period</th>
        <th>Port</th>
        <th>Contract Number </th>

       </tr>
      </thead>
      <tbody>
       <td>1.</td>
       <td>{{ strtoupper($wpo_evacuation->mk_number) }}</td>
       <td>{{ strtoupper(optional($wpo_evacuation->sales_advice->crop)->name) }}</td>
       <td>{{ strtoupper($wpo_evacuation->consignee->name) }}</td>
       <td>{{ strtoupper($wpo_evacuation->shipping_period) }}</td>
       <td>{{ strtoupper($wpo_evacuation->port->name) }}</td>
       <td>{{ strtoupper($wpo_evacuation->contract_number) }}</td>
      </tbody>

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

     <table class="table-striped table-bordered table">
      <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 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">
    <div class="col-md-4">
     <form role="form" method="post" action="{{ route('update.shed.evac.info', $shed_evac) }}"
      enctype="multipart/form-data" id="myFormId">
      {{ csrf_field() }} {{ method_field('PUT') }}
      <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">
        <option value="">Select shed.</option>
        @foreach ($sheds as $shed)
         <option value="{{ $shed->id }}" @if ($shed_evac->shed_id == $shed->id) selected @endif>{{ $shed->name }}
         </option>
        @endforeach

       </select>
       <br><br>

      </div>

      <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 }}" @if ($shed_evac->category_id == $category->id) selected @endif>{{ $category->name }}
          ({{ $category->season->name }})
         </option>
        @endforeach

       </select>
       <br><br>

      </div>

      <div class="form-group">
       <label for="tonnage_assigned">Tonnage to Evacuated </label>
       <input type="number" class="form-control" id="tonnage_assigned" name="tonnage_assigned"
        placeholder="Tonnage to be Evacuated" step="0.0001" value="{{ $shed_evac->tonnage_assigned }}">
      </div>

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

      @php
       $tta = $wpo_evacuation->tonnage_evacuated;
      @endphp
      <input type="hidden" id="tta" name="tta"
       value="{{ $tta - $wpo_evacuation->shed_evacs->sum('tonnage_assigned') }}">

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

    </div>
    </form>
   </div>

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

   </div>

   <!-- /.box-footer-->
  </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 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