@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">Shed Waybills</h3>

    <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>
   @include('includes.messages')
   <form role="form" method="post" action="{{ route('shed_waybill.store') }}" enctype="multipart/form-data"
    id="myFormId">
    {{ csrf_field() }}
    <div class="box-body">
     <div class="col-md-offset-1 col-md-6">
      <div class="col-md-10">

       <div class="form-group">
        <div class="">
         <label for="type">Type of Waybill:</label>
         <select id="type" class="form-control select2" data-placeholder="Type of Waybill" style="width: 100%;"
          name="type" required>
          <option value="" selected>Select:</option>
          @if (Auth::user()->shed->exists())
           @if (Auth::user()->shed->type != 'discrepant')
            {{-- <option value="shipment">Shipment</option> --}}
            {{-- <option value="factory">Factory</option> --}}
            <option value="sample residue">Sample Residue</option>
            <option value="sweepings">Sweepings</option>
            <option value="burst bags">Burst Bags</option>
            <option value="wet bags">Wet Bags</option>
            <option value="confiscated">Confiscated</option>
            <option value="stained bags">Stained Bags</option>
            <option value="stack-to-stack">Stack to Stack transfer</option>
           @endif
          @endif
          <option value="Inter-Warehouse">Inter warehouse transfer</option>
          <option value="Intra-Warehouse">Intra warehouse transfer</option>
         </select>
        </div>

       </div>

       <div class="form-group contract">

        <label for="contract_id"> Select Contract Number:</label>
        <select id="contract_id" class="form-control select2 ct" data-placeholder=" Select Contract Number"
         style="width: 100%;" name="contract_id">
         <option value="0" id="loading" disabled>Select Contract Number</option>

        </select>

       </div>
       <div class="form-group transcode">

        <label for="bush_delivery_id"> Select Transaction Code:</label>
        <select id="bush_delivery_id" class="form-control select2 code" data-placeholder=" Select Transaction Code"
         style="width: 100%;" name="bush_delivery_id">
         <option value="0" id="loading" disabled>Select Transaction Code</option>

        </select>

       </div>
       <div class="form-group shipping">

        <label for="shipping_line_id"> Select Shipping Line:</label>
        <select id="shipping_line_id" class="form-control select2 sl" data-placeholder=" Select Transaction Code"
         style="width: 100%;" name="shipping_line_id">
         <option value="">N/A</option>
         @foreach ($shipping_lines as $shipping_line)
          <option value="{{ $shipping_line->id }}">{{ strtoupper($shipping_line->shipping_line) }}</option>
         @endforeach

        </select>

       </div>
       <div class="form-group shed_stack">

        <label for="stack_id"> Select Stack Number:</label>
        <select id="stack_id" class="form-control select2 st" data-placeholder=" Select Stack Number"
         style="width: 100%;" name="stack_id">
         <option value="0" id="loading" disabled>Select Stack Number</option>

        </select>

       </div>

       <div class="form-group destination">

        <label for="destination_shed_id"> Select Destination Shed:</label>
        <select id="destination_shed_id" class="form-control select2 des" data-placeholder=" Select Destination Shed"
         style="width: 100%;" name="destination_shed_id">
         <option value="0" id="loading" disabled>Select Destination Shed</option>

        </select>

       </div>

       <div class="form-group waybill">
        <label for="waybill_no"> Waybill Number:</label>
        <input type="text" class="form-control way" id="waybill_no" name="waybill_no" placeholder="Waybill No.">
       </div>

       <div class="form-group waybill">
        <label for="waybill_date"> Waybill Date:</label>
        <input type="date" class="form-control way" id="waybill_date" name="waybill_date"
         placeholder="Waybill Date.">
       </div>

       <div class="form-group waybill">
        <label for="way_quantity"> Quantity:</label>
        <input type="number" class="form-control" id="way_quantity" min="0" name="way_quantity"
         placeholder="Quantity">
       </div>

       <div class="form-group shed_stack">
        <label for="quantity"> Quantity: <span id="quantity_available" style="color: red;"></span></label>
        <input type="number" class="form-control st" id="quantity" min="0" name="quantity"
         placeholder="Quantity">
        <input type="hidden" name="quantity_remaining" id="quantity_remaining">
       </div>

       <div class="form-group waybill">
        <div class="">
         <label for="unit_of_measure">Unit of Measure:</label>
         <select id="unit_of_measure" class="form-control select2 way" data-placeholder="Unit of Measure"
          style="width: 100%;" name="unit_of_measure">
          <option value="" selected>Select:</option>
          <option value="pieces">Pieces</option>
          <option value="bags">Bags</option>

         </select>
        </div>

       </div>

       <div class="form-group ss">
        <div class="">
         <label for="category_id">Category: </label>
         <select id="category_id" class="form-control select2 disc" data-placeholder="Category" style="width: 100%;"
          name="category_id">
          <option value="" selected>Select:</option>
          <option value="">N/A</option>
          @foreach ($categorys as $category)
           <option value="{{ $category->id }}">{{ $category->name }} ({{ $category->season->name }})</option>
          @endforeach

         </select>
         <input type="hidden" id="shed_type" name="shed_type" value="{{ Auth::user()->shed->type }}">
        </div>

       </div>

       <div class="form-group ss">
        <label for="season_id"> Select Season utilized:</label>
        <select style="width: 100%;" name="season_id" class="form-control select2 disc" data-placeholder="Season">
         <option value="" selected>Select Season</option>
         @foreach ($seasons as $season)
          <option value="{{ $season->id }}">{{ $season->name }}</option>
         @endforeach
        </select>

       </div>

       <div class="form-group ss">
        <div class="">
         <label for="grade">Grade:</label>
         <select id="grade" class="form-control select2 disc" data-placeholder="Grade" style="width: 100%;"
          name="grade">
          <option value="" selected>Select:</option>
          <option value="N/A">N/A</option>
          <option value="I">I</option>
          <option value="II">II</option>
          <option value="SS">SS</option>

         </select>
        </div>

       </div>

       <div class="form-group ss">

        <label for="cocoa_type_id"> Cocoa Type</label>
        <select id="cocoa_type_id" class="form-control select2 disc" data-placeholder="Select Cocoa type"
         style="width: 100%;" name="cocoa_type_id" required>
         <option value="">Select cocoa type.</option>
         <option value="">N/A</option>
         @foreach ($cocoa_types as $cocoa_type)
          <option value="{{ $cocoa_type->id }}">
           {{ $cocoa_type->type_name }}</option>
         @endforeach
        </select>

       </div>

       {{-- <div class="form-group special">

        <label for="specialty_type_id"> Specialty Type</label>
        <select id="specialty_type_id" class="form-control select2 list" data-placeholder="Select Specialty type"
         style="width: 100%;" name="specialty_type_id">
         <option value="">Select</option>
         @foreach ($specialty_types as $specialty_type)
          <option value="{{ $specialty_type->id }}">
           {{ $specialty_type->specialty_name }}</option>
         @endforeach
        </select>
        <input type="hidden" id="client_count" name="client_count">
       </div> --}}

       {{-- <div class="form-group client">
        <div class="">
         <label for="client" class="control-label"><br>client Type:</label>
         <select id="client" class="form-control select2 clt" data-placeholder="client" style="width: 100%;"
          name="client">
          <option value="">Select</option>
          @foreach ($client_types as $client_type)
           <option value="{{ $client_type->id }}">{{ strtoupper($client_type->name) }}
           </option>
          @endforeach
         </select>
        </div>
        <br>
       </div> --}}

       <div class="form-group">
        <label for="clerk"> Clerk:</label>
        <input type="text" class="form-control" id="clerk" name="clerk" placeholder="Clerk">
       </div>

       {{-- <div class="form-group">
        <label for="gang"> Gang:</label>
        <input type="text" class="form-control" id="gang" name="gang" placeholder="Gang" required>
       </div> --}}

       <div class="form-group">
        <label for="description">Description: </label>
        <textarea class="form-control" id="description" name="description" placeholder="" rows="4"></textarea>
       </div>

      </div>

     </div>
    </div>

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

 </section>

@endsection

@section('more-scripts')
 <!-- Select2 -->
 <script src="{{ asset('admin/bower_components/select2/dist/js/select2.full.min.js') }}"></script>

 <script>
  $(function() {
   //alert('hello world');

   $('.select2').select2()
   $('.special').hide();
   $('.list').removeAttr('required');
   $('.shed_stack').hide();
   $('.st').removeAttr('required');
   $('.ss').hide();
   $('.disc').removeAttr('required');
   $('.contract').hide();
   $('.ct').removeAttr('required');
   $('.shipping').hide();
   $('.sl').removeAttr('required');
   $('.waybill').hide();
   $('.way').removeAttr('required');
   $('.client').hide();
   $('.clt').removeAttr('required');



   $.ajaxSetup({

    headers: {

     'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')

    }

   });

   $('#type').on('change', function(event) {
    event.preventDefault();
    /* Act on the event */
    shed = $('#shed_type').val();
    if (shed == 'discrepant') {
     $('.ss').show();
     $('.disc').prop('required', true);

    } else {
     $('.ss').hide();
     $('.disc').removeAttr('required');

    }
   });

   $('#cocoa_type_id').on('change', function(event) {
    event.preventDefault();
    /* Act on the event */
    specialty = $('#cocoa_type_id').val();
    if (specialty == 1) {
     $('.special').hide();
     $('.list').removeAttr('required');

    } else {
     $('.special').show();
     $('.list').prop('required', true);

    }
   });

   $('#specialty_type_id').on('change', function(event) {
    event.preventDefault();
    specialty_type = $('#specialty_type_id').val();
    var token = $('input[name="_token"]').val();

    $.ajax({
     url: '{{ url('client_count') }}',
     type: 'get',
     data: {
      token: token,
      specialty_type: specialty_type
     },
     success: function(data) {
      console.log(data);
      $('#client_count').html(data);
      val = parseInt(data);

      if (val == 0) {
       $('.client').hide();
       $('.clt').removeAttr('required');
      } else {
       $('.client').show();
       $('.clt').prop('required', true);
      }
     }
    });

   });



   $('#type').on('change', function(event) {
    val = $(this).val()
    def_contract = '<option value="0" id="loading" disabled>Select Contract Number</option>';

    def_stack = '<option value="0" id="loading" disabled>Select Stack Number</option>';

    def_trans = '<option value="0" id="loading" disabled>Select Transaction Code</option>';

    def_sl = '<option value="0" id="loading" disabled>Select Shipping Line</option>';

    def_dest_shed = '<option value="0" id="loading" disabled>Select Destination Shed</option>';

    var token = $('input[name="_token"]').val();

    switch (val) {
     case 'shipment':
      // code block
      //alert(val)

      $('.contract').show();
      $('.ct').prop('required', true);
      $('.transcode').hide();
      $('.code').removeAttr('required');
      $('.shipping').show();
      $('.sl').prop('required', true);
      $('.shed_stack').hide();
      $('.st').removeAttr('required');
      $('.destination').hide();
      $('.des').removeAttr('required');
      $('.waybill').show();
      $('.way').prop('required', true);
      // $('.stack').show();

      $('#contract_id').html(def_contract);
      // $('#stack_id').html(def_stack);
      $('#bush_delivery_id').html(def_trans);
      $('#shipping_line_idn').html(def_sl);
      $('#destination_shed_id').html(def_dest_shed);




      $.ajax({
       url: '{{ url('evac_contract_options') }}',
       type: 'post',
       data: {
        token: token
       },
       success: function(data) {

        console.log(data);

        $('#contract_id').html(data);


       }
      });

      $.ajax({
       url: '{{ url('evac_stack_options') }}',
       type: 'post',
       data: {
        token: token
       },
       success: function(data) {

        //console.log(data);

        $('#stack_id').html(data);

       }
      });

      break;
     case 'factory':
      //alert(val)

      $('.contract').show();
      $('.ct').prop('required', true);
      $('.transcode').show();
      $('.code').prop('required', true);
      $('.shipping').hide();
      $('.sl').removeAttr('required');
      $('.shed_stack').hide();
      $('.st').removeAttr('required');
      $('.destination').hide();
      $('.des').removeAttr('required');
      $('.waybill').show();
      $('.way').prop('required', true);
      // $('.ss').show();
      // $('.stack').show();

      $('#contract_id').html(def_contract);
      // $('#stack_id').html(def_stack);
      $('#bush_delivery_id').html(def_trans);
      $('#destination_shed_id').html(def_dest_shed);

      $.ajax({
       url: '{{ url('evac_factory_contract_options') }}',
       type: 'post',
       data: {
        token: token
       },
       success: function(data) {

        console.log(data);

        val = $('#contract_id').html(data);

        //alert(val.val())
       }
      });

      $.ajax({
       url: '{{ url('evac_stack_options') }}',
       type: 'post',
       data: {
        token: token
       },
       success: function(data) {

        //console.log(data);

        $('#stack_id').html(data);

       }
      });

      $.ajax({
       url: '{{ url('get_fac_trans_code') }}',
       type: 'post',
       data: {
        token: token
       },
       success: function(data) {

        //console.log(data);

        $('#bush_delivery_id').html(data);

       }
      });







      break;

     case 'sample residue':
      //alert(val)

      $('.contract').hide();
      $('.ct').removeAttr('required');
      $('.transcode').show();
      $('.code').prop('required', true);
      $('.shipping').hide();
      $('.sl').removeAttr('required');
      $('.shed_stack').hide();
      $('.st').removeAttr('required');
      $('.destination').show();
      $('.des').prop('required', true);
      $('.waybill').show();
      $('.way').prop('required', true);

      $('#contract_id').html(def_contract);
      // $('#stack_id').html(def_stack);
      $('#bush_delivery_id').html(def_trans);
      $('#destination_shed_id').html(def_dest_shed);

      $.ajax({
       url: '{{ url('disc_shed_options') }}',
       type: 'post',
       data: {
        token: token
       },
       success: function(data) {

        //console.log(data);

        $('#destination_shed_id').html(data);


       }
      });

      $.ajax({
       url: '{{ url('disc_trans_options') }}',
       type: 'post',
       data: {
        token: token
       },
       success: function(data) {

        //console.log(data);

        $('#bush_delivery_id').html(data);


       }
      });


      break;

     case 'sweepings':
      //alert(val)

      $('.contract').hide();
      $('.ct').removeAttr('required');
      $('.transcode').show();
      $('.code').prop('required', true);
      $('.shipping').hide();
      $('.sl').removeAttr('required');
      $('.shed_stack').hide();
      $('.st').removeAttr('required');
      $('.destination').show();
      $('.des').prop('required', true);
      $('.waybill').show();
      $('.way').prop('required', true);

      $('#contract_id').html(def_contract);
      // $('#stack_id').html(def_stack);
      $('#bush_delivery_id').html(def_trans);
      $('#destination_shed_id').html(def_dest_shed);

      $.ajax({
       url: '{{ url('disc_shed_options') }}',
       type: 'post',
       data: {
        token: token
       },
       success: function(data) {

        //console.log(data);

        $('#destination_shed_id').html(data);


       }
      });

      $.ajax({
       url: '{{ url('disc_trans_options') }}',
       type: 'post',
       data: {
        token: token
       },
       success: function(data) {

        //console.log(data);

        $('#bush_delivery_id').html(data);


       }
      });

      break;

     case 'burst bags':
      //alert(val)

      $('.contract').hide();
      $('.ct').removeAttr('required');
      $('.transcode').show();
      $('.code').prop('required', true);
      $('.shipping').hide();
      $('.sl').removeAttr('required');
      $('.shed_stack').hide();
      $('.st').removeAttr('required');
      $('.destination').show();
      $('.des').prop('required', true);
      $('.waybill').show();
      $('.way').prop('required', true);
      // $('.stack').show();
      $('#contract_id').html(def_contract);
      // $('#stack_id').html(def_stack);
      $('#bush_delivery_id').html(def_trans);
      $('#destination_shed_id').html(def_dest_shed);

      $.ajax({
       url: '{{ url('disc_shed_options') }}',
       type: 'post',
       data: {
        token: token
       },
       success: function(data) {

        //console.log(data);

        $('#destination_shed_id').html(data);


       }
      });

      $.ajax({
       url: '{{ url('evac_stack_options') }}',
       type: 'post',
       data: {
        token: token
       },
       success: function(data) {

        //console.log(data);

        $('#stack_id').html(data);

       }
      });

      $.ajax({
       url: '{{ url('disc_trans_options') }}',
       type: 'post',
       data: {
        token: token
       },
       success: function(data) {

        //console.log(data);

        $('#bush_delivery_id').html(data);


       }
      });

      break;

     case 'wet bags':
      //alert(val)

      $('.contract').hide();
      $('.ct').removeAttr('required');
      $('.transcode').show();
      $('.code').prop('required', true);
      $('.shipping').hide();
      $('.sl').removeAttr('required');
      $('.shed_stack').hide();
      $('.st').removeAttr('required');
      $('.destination').show();
      $('.des').prop('required', true);
      $('.waybill').show();
      $('.way').prop('required', true);
      // $('.stack').show();
      $('#contract_id').html(def_contract);
      // $('#stack_id').html(def_stack);
      $('#bush_delivery_id').html(def_trans);
      $('#destination_shed_id').html(def_dest_shed);

      $.ajax({
       url: '{{ url('disc_shed_options') }}',
       type: 'post',
       data: {
        token: token
       },
       success: function(data) {

        //console.log(data);

        $('#destination_shed_id').html(data);


       }
      });

      $.ajax({
       url: '{{ url('evac_stack_options') }}',
       type: 'post',
       data: {
        token: token
       },
       success: function(data) {

        //console.log(data);

        $('#stack_id').html(data);

       }
      });

      $.ajax({
       url: '{{ url('disc_trans_options') }}',
       type: 'post',
       data: {
        token: token
       },
       success: function(data) {

        //console.log(data);

        $('#bush_delivery_id').html(data);


       }
      });

      break;

     case 'confiscated':
      //alert(val)

      $('.contract').hide();
      $('.ct').removeAttr('required');
      $('.transcode').show();
      $('.code').prop('required', true);
      $('.shipping').hide();
      $('.sl').removeAttr('required');
      $('.shed_stack').hide();
      $('.st').removeAttr('required');
      $('.destination').show();
      $('.des').prop('required', true);
      $('.waybill').show();
      $('.way').prop('required', true);
      $('#contract_id').html(def_contract);
      // $('#stack_id').html(def_stack);
      $('#bush_delivery_id').html(def_trans);
      $('#destination_shed_id').html(def_dest_shed);

      $.ajax({
       url: '{{ url('disc_shed_options') }}',
       type: 'post',
       data: {
        token: token
       },
       success: function(data) {

        //console.log(data);

        $('#destination_shed_id').html(data);


       }
      });

      // $.ajax({
      // 	url: '{{ url('evac_stack_options') }}',
      // 	type: 'post',
      // 	data: {token:token },
      // 	success: function(data){

      //  		//console.log(data);

      // 		$('#stack_id').html(data);

      // 	}
      // });

      $.ajax({
       url: '{{ url('disc_trans_options') }}',
       type: 'post',
       data: {
        token: token
       },
       success: function(data) {

        //console.log(data);

        $('#bush_delivery_id').html(data);


       }
      });

      break;

     case 'stained bags':
      //alert(val)
      $('.contract').hide();
      $('.ct').removeAttr('required');
      $('.transcode').show();
      $('.code').prop('required', true);
      $('.shipping').hide();
      $('.sl').removeAttr('required');
      $('.shed_stack').hide();
      $('.st').removeAttr('required');
      $('.destination').show();
      $('.des').prop('required', true);
      $('.waybill').show();
      $('.way').prop('required', true);
      // $('.stack').show();
      $('#contract_id').html(def_contract);
      // $('#stack_id').html(def_stack);
      $('#bush_delivery_id').html(def_trans);
      $('#destination_shed_id').html(def_dest_shed);

      $.ajax({
       url: '{{ url('disc_shed_options') }}',
       type: 'post',
       data: {
        token: token
       },
       success: function(data) {

        //console.log(data);

        $('#destination_shed_id').html(data);


       }
      });

      $.ajax({
       url: '{{ url('evac_stack_options') }}',
       type: 'post',
       data: {
        token: token
       },
       success: function(data) {

        //console.log(data);

        $('#stack_id').html(data);

       }
      });


      $.ajax({
       url: '{{ url('disc_trans_options') }}',
       type: 'post',
       data: {
        token: token
       },
       success: function(data) {

        //console.log(data);

        $('#bush_delivery_id').html(data);


       }
      });

      break;

     case 'Inter-Warehouse':
      //alert(val)

      $('.contract').hide();
      $('.ct').removeAttr('required');
      $('.transcode').show();
      $('.code').prop('required', true);
      $('.shipping').hide();
      $('.sl').removeAttr('required');
      $('.shed_stack').hide();
      $('.st').removeAttr('required');
      $('.destination').show();
      $('.des').prop('required', true);
      $('.waybill').show();
      $('.way').prop('required', true);
      // $('.stack').show();
      // $('.ss').show();
      $('#bush_delivery_id').html(def_trans);

      $.ajax({
       url: '{{ url('inter_trans_options') }}',
       type: 'post',
       data: {
        token: token
       },
       success: function(data) {

        //console.log(data);

        $('#bush_delivery_id').html(data);


       }
      });

      $.ajax({
       url: '{{ url('evac_stack_options') }}',
       type: 'post',
       data: {
        token: token
       },
       success: function(data) {

        //console.log(data);

        $('#stack_id').html(data);

       }
      });

      $.ajax({
       url: '{{ url('inter_shed_options') }}',
       type: 'post',
       data: {
        token: token
       },
       success: function(data) {

        //console.log(data);

        $('#destination_shed_id').html(data);


       }
      });




      break;

     case 'Intra-Warehouse':
      //alert(val)

      $('.contract').hide();
      $('.ct').removeAttr('required');
      $('.transcode').show();
      $('.code').prop('required', true);
      $('.shipping').hide();
      $('.sl').removeAttr('required');
      $('.shed_stack').hide();
      $('.st').removeAttr('required');
      $('.destination').show();
      $('.des').prop('required', true);
      $('.waybill').show();
      $('.way').prop('required', true);
      // $('.stack').show();
      // $('.ss').show();
      $('#bush_delivery_id').html(def_trans);

      $.ajax({
       url: '{{ url('intra_trans_options') }}',
       type: 'post',
       data: {
        token: token
       },
       success: function(data) {

        //console.log(data);

        $('#bush_delivery_id').html(data);


       }
      });


      $.ajax({
       url: '{{ url('evac_stack_options') }}',
       type: 'post',
       data: {
        token: token
       },
       success: function(data) {

        //console.log(data);

        $('#stack_id').html(data);

       }
      });

      $.ajax({
       url: '{{ url('intra_shed_options') }}',
       type: 'post',
       data: {
        token: token
       },
       success: function(data) {

        //console.log(data);

        $('#destination_shed_id').html(data);


       }
      });
      break;
     case 'stack-to-stack':
      //alert(val)

      $('.contract').hide();
      $('.ct').removeAttr('required');
      $('.transcode').hide();
      $('.code').removeAttr('required');
      $('.shipping').hide();
      $('.sl').removeAttr('required');
      $('.shed_stack').show();
      $('.st').prop('required', true);
      $('.destination').hide();
      $('.des').removeAttr('required');
      $('.waybill').hide();
      $('.way').removeAttr('required');


      $.ajax({
       url: '{{ url('evac_stack_options') }}',
       type: 'post',
       data: {
        token: token
       },
       success: function(data) {

        //console.log(data);

        $('#stack_id').html(data);

       }
      });

      break;

     default:
      // code block
    }

   });

   $('#stack_id').bind('change', function(event) {
    //event.preventDefault();
    var stack_id = parseInt($(this).val());
    var token = $('input[name="_token"]').val();
    //alert(sa_id);
    $.ajax({
     url: '{{ url('get_stack_tonnage') }}',
     type: 'post',
     data: {
      token: token,
      stack_id: stack_id,
     },
     success: function(data) {
      // $('#stack_id').html(data);
      $('#quantity_available').html('( ' + data + ' bags available )');
      $('#quantity_remaining').val(data);
     }
    });

   }).change();

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

    tr = $('#quantity_remaining').val();
    excess = parseInt(tr);

    max_value = tr;

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

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

    }


   });

   //  $('#submit_button').click(function(e) {
   //   trans_code = $('#bush_delivery_id').val();
   //   qty = $('#quantity').val();
   //   w_qty = $('#way_quantity').val();
   //   if (trans_code == "0") {
   //    e.preventDefault();
   //    alert('Transaction code is not available');
   //    return false;
   //   } else if (qty == 0 || w_qty == 0) {
   //    e.preventDefault();
   //    alert('Quantity cannot be zero');
   //    return false;
   //   } else {
   //    return true;
   //   }
   //  });
   var $submitButton = $('#submit_button');
   var $transCode = $('#bush_delivery_id');
   var $qty = $('#quantity');
   var $wQty = $('#way_quantity');
   $submitButton.click(function(e) {
    var trans_code = $transCode.val();
    var qty = parseInt($qty.val(), 10);
    var w_qty = parseInt($wQty.val(), 10);

    if (trans_code === "0") {
     e.preventDefault();
     alert('Transaction code is not available');
     return false;
    }

    if (qty === 0 || w_qty === 0) {
     e.preventDefault();
     alert('Quantity cannot be zero');
     return false;
    }

    return true;
   });


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

  })
 </script>
@endsection