@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') }}">
@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">REJECTIONS INFO. FOR INTERNAL WAYBILL NO.
     {{ strtoupper($internal_waybill->internal_waybill_no) }}</h3>

    <div class="box-tools pull-right">
     <a class="btn btn-danger" href="{{ route('shed.shack.show') }}">Back to Transactions</a>

    </div>
   </div>
   @include('includes.messages')
   <form role="form" method="post" action="{{ route('store.rejection.internal_waybill', $internal_waybill) }}"
    enctype="multipart/form-data" id="myFormId">
    {{ csrf_field() }} {{ method_field('POST') }}
    <div class="box-body">
     <div class="col-md-6">
      <div class="col-md-8">
       <br><br>

       <div class="form-group">
        <label for="rejected_no_of_bags">Rejected Number of Bags:</label>
        <input type="number" class="form-control" id="rejected_no_of_bags" name="rejected_no_of_bags" placeholder="">
       </div>

       <div class="form-group">
        <b>Total Number of bags Rejected On this waybill: </b> <b
         style="font-style: italic; color: red;">{{ $total_rejected }}</b> <br>
        <b>Bags Remaining for rejection:</b> <b
         style="font-style: italic; color: green;">{{ $total_rejected - $cnr }}</b>

       </div>
       <input type="hidden" name="total_rejected" value="{{ $total_rejected }}" id="total_rejected">
       <input type="hidden" name="cnr" value="{{ $cnr }}" id="cnr">

       <div class="form-group">
        <label for="type_of_rejection">Type of Rejection:</label>
        <select name="type_of_rejection" class="form-control select2 required" data-placeholder="Select Grade"
         style="width: 100%;">
         <option value="0" selected disabled>Select Type of Rejection</option>
         <option value="add mixture">Add Mixture</option>
         <option value="high moisture content">high moisture content</option>
         <option value="external Mould">External Mould</option>
         <option value="Average tolerance Level">Average tolerance Level</option>
         <option value="Burst Bags">Burst Bags</option>
         <option value="wet bags">wet bags</option>
         <option value="dirty">dirty</option>
         <option value="oil stained">oil stained</option>
         <option value="traces of black beans">traces of black beans</option>
         <option value="rain wet">rain wet</option>
         <option value="presence of debris">presence of debris</option>
         <option value="torned bags">torned bags</option>
         <option value="poor sowing">poor sowing</option>
         <option value="NTD">NTD</option>
         <option value="traces of decay">traces of decay</option>
         <option value="weak bags">weak bags</option>
         <option value="Cocoon infested">Cocoon infested</option>
         <option value="foreign matter">foreign matter</option>
         <option value="unsual horn marks">unsual horn marks</option>
         <option value="PQB">PQB</option>
         <option value="unprescribed sack">unprescribed sack</option>
         <option value="weevil infested">weevil infested</option>
         <option value="chaff">chaff</option>
         <option value="no station marks">No Station marks</option>

        </select>
        <br> <br>
       </div>

       <div class="form-group">

        <label for="remarks"> Remarks</label>
        <textarea name="remarks" cols="30" rows="10" class="form-control"></textarea>
       </div>

      </div>
     </div>
     <div class="col-md-6 table-responsive">
      <table class="table-bordered table-striped table">
       <tr>
        <th>Type of Rejection</th>
        <th>Number of Bags</th>
        <th>Transaction Code</th>
        <th>Remarks</th>
        <th>Internal Waybill Number</th>
        <th>Edit</th>
       </tr>
       @foreach ($rejections as $rejection)
        <tr>
         <td>{{ $rejection->type_of_rejection }}</td>
         <td>{{ $rejection->rejected_no_of_bags }}</td>
         <td>{{ $rejection->bush_delivery->transaction_code }}</td>
         <td>{{ $rejection->remarks }}</td>
         <td>{{ $rejection->internal_waybill->internal_waybill_no }}</td>
         <td><a href="{{ route('rejection.edit', $rejection) }}" class="btn btn-warning"
           @if ($internal_waybill->bush_delivery->second_weight > 0) onclick="event.preventDefault()";oncontextmenu=”return false”; disabled @endif>
           EDIT</td>

        </tr>
       @endforeach
      </table>
     </div>

    </div>

    <!-- /.box-body -->
    <div class="box-footer">
     <button id="verify_submit" type="submit" class="btn btn-primary">Submit</button>
    </div>
   </form>
   <!-- /.box-footer-->

   <!-- /.box -->
  </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>
  $(function() {

   $('.select2').select2();

   $('#rejected_no_of_bags').on('input', function(event) {
    value = $(this).val();
    //alert(value)

    total_rejected = $('#total_rejected').val();
    cnr = $('#cnr').val();


    tr = total_rejected - cnr;

    max_value = tr;

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

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

    }


   });

   $('#verify_submit').click(function(event) {
    rejected_no_of_bags = $('#rejected_no_of_bags').val();
    //
    //return false;
    if (rejected_no_of_bags == 0 || rejected_no_of_bags == '') {
     alert('Number of Bags rejected Cannot be zero!!');
     return false;

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

  })
 </script>
@endsection