@extends('panel.layouts.app-for-parcel-entry')
@section('page-title')
<title>
{{ LaraCore::setting('html_prefix') }} {{ (LaraCore::setting('html_prefix') != '') ? '|' : '' }} International Cash Booking</title>
@stop
@section('content')
<div class="master-loader" id="overlay" style="display: none;">
  <span class="text text-primary">
    <i class="fa fa-spinner fa-spin fa-5x"></i>
  </span>
</div>
<div class="content-wrapper">
  <section class="content">
    @if($account_type == '2')
    <div class="row row-cstm-pad-btm">
      <div class="col-md-9"></div>
      <div class="col-md-2">
        <div class="parcel-cuntr {{$bgColor}}">
          <label id='pending_parcel'>PENDING BOOKINGS : {{$remaining_parcel}}</label>
        </div>
      </div>
      <div class="col-md-1"></div>
    </div>
    @endif
    <div class="row">
      {{ Form::open(["url"=>route('print-cash-international-receipt'),"method"=>"POST","target"=>"_blank"]) }}
      {{ Form::hidden('ids','',['id'=>'receips-ids']) }}
      {{ Form::close() }}
      {{ Form::open(["url"=>route('print.cash.international.vd.receipt'),"method"=>"POST","target"=>"_blank"]) }}
      {{ Form::hidden('receipt-id','',['id'=>'receipt-id']) }}
      {{ Form::close() }}
      <div class="col-md-1"></div>
      <div class="col-md-5">
        @include('panel.cashinternationalparcelentry.create', [@$data])
      </div>
      <div class="col-md-5">
        <div class="box box-primary">
          <div class="box-body">
            <div class="row">
              <div class="col-md-12">
                <label><b><a class="cstmLink" target= "_blank" href="{{route("cash.get.international.parcels.data")}}">BOOKINGS / CASH</a></b></label>
                <div class="pull-right">
                  <label><b><a class="cstmLink show-tooltip" data-toggle="tooltip" title="Client GST Report" target= "_blank" href="{{route("get.cash.gst.report")}}"><i class="fa fa-file-text-o" aria-hidden="true"></i></a></b></label>&nbsp;&nbsp;
                  <label><b><a class="cstmLink show-tooltip" data-toggle="tooltip" title="Delivery Report" target= "_blank" href="{{route("get.cash.delivery.report")}}"><i class="fa fa-file-text-o" aria-hidden="true"></i></a></b></label>&nbsp;&nbsp;
                  <label><b>{{ Form::checkbox('show-all-parcel','',((@$show_all == '1') ? true : false ),['class'=>'minimal']) }} &nbsp; SHOW ALL BOOKING</b></label>
                </div>
              </div>     
            </div>
            <ul class="consignment-list products-list product-list-in-box">
              <li class="item" style="display: flex; align-items: center;">
                <select id="searchCriteria" class="form-control form-control-sm" style="width: auto;">
                  <option value=""  selected>Select Options</option>
                  <option value="sender">Sender</option>
                  <option value="receiver">Receiver</option>
                  <option value="center">Center</option>
                  <option value="carrier">Carrier</option>
                  <option value="packagetype">Package Type</option>
                  <option value="consignment_no">Consignment no.</option>
                  <option value="reference_number">Reference no.</option>
                  <option value="remark">Remark</option>
                </select>
                <input type="text" id="keyword" onkeyup="searchParcels()" class="form-control" placeholder="Search" style="flex-grow: 1; margin-left: 5px;">
              </li>
            </ul>
            <!-- <div class="row products-list">
              <span class="product-description text-sm" style="margin: 10px 0 0 0 !important;">
                <i class="fa fa-info-circle"></i> Only entries from the last 6 months will be displayed.
              </span>
            </div> -->
            <div class="height-6 infinite-scroll">
              <ul class="consignment-list products-list product-list-in-box">
                @forelse($parcles as $parcel)
                @include('panel.cashinternationalparcelentry.parcel_item',[$parcel,$weight_type])
                @empty
                <li class="item no-parcel-item text-center">No records found.</li>
                @endforelse
              </ul>
            </div>
          </div>
        </div>
      </div>
      <div class="col-md-1"></div>
      <div class="parcelentry_modal_div">
        <div class="edit_modal">
        </div>
      </div>
      <div class="clients_modal_div">
        <div class="edit_modal">
        </div>
        {{-- @include('panel.clients.create', [@$data]) --}}
      </div>
      <div class="centers_modal_div">
        <div class="edit_modal">
        </div>
        {{-- @include('panel.centers.create', [@$data]) --}}
      </div>
      <div class="receiver_modal_div">
        <div class="edit_modal">
        </div>
        {{-- @include('panel.receiver.create', [@$data]) --}}
      </div>
      @include('common.modal.delete_confirm_modal',['entity' =>  'parcel_entry'])
      @include('common.modal.volumetric_calculation_modal', ['entity' =>  'parcel_entry'])
    </div>
  </section>
</div>
@stop
@section('custom-scripts')
<script type="text/javascript">
  var page = 1;
  var lastScrollTop = 0;
  var stopScroll = false;

  $(window).scroll(function() {
    var st = $(this).scrollTop();
    if (st > lastScrollTop) {
      if ($(window).scrollTop() + $(window).height() >= $(document).height() && !stopScroll) {
        page++;
            var keyword = $('#keyword').val(); // Get the current keyword
            var criteria = $('#searchCriteria').val(); // Get the current criteria
            loadMoreData(keyword, criteria);
          }
        }
        lastScrollTop = st;
      });

  function loadMoreData(keyword, criteria) {
    keyword = keyword || ''; // Default to an empty string if not provided
    criteria = criteria || ''; // Default to an empty string if not provided

    $.ajax({
      url: '?page=' + page,
      type: "GET",
      data: {
        'keyword': keyword,
        'criteria': criteria
      },
    })
    .done(function(data) {
      if (data.html == "") {
        $(".consignment-list:eq(1)").append('<li class="item text-center">No records found.</li>');
        stopScroll = true;
        return;
      }
        $(".consignment-list:eq(1)").append(data.html); // Append data to the list
      })
    .fail(function() {
      alert('Error loading more data');
    });
  }
</script>
<script type="text/javascript">
  var rows_selected  = "";
  var clients = ["{!! implode('","',@$clients_options) !!}"];
  var proofType = ["{!! implode('","',@$proofType) !!}"];
  var centers = ["{!! implode('","',@$centers_for_parcel) !!}"];
  var carriers = ["{!! implode('","',@$carriers_options) !!}"];
  var types = ["{!! implode('","',@$packagetypes_options) !!}"];
  var receivers = ["{!! implode('","',@$receivers_options) !!}"];
  var weight_type = "{{@$weight_type}}";
  var is_available_reference_number = {{json_encode($is_available_reference_number)}};
  var gst_percentage_sum = {{json_encode($gst_percentage_sum)}};
  var cgst_percentage = {{json_encode($cgst_percentage)}};
  var sgst_percentage = {{json_encode($sgst_percentage)}};
  var igst_percentage = {{json_encode($igst_percentage)}};
  $(document).ready(function () {
    initTypeahead();
    $('.client_typeahead.tt-input').focus();
    initDate('{{AppHelper::dateFormatJS(LaraCore::setting('date_format'))}}');
    initDateRange('{{AppHelper::dateFormatJS(LaraCore::setting('date_format'))}}');
    initFileInput();
    initRichText();
    displayGSTPercentage(gst_percentage_sum, cgst_percentage, sgst_percentage, igst_percentage);
    //changeSenderReceiverValue();
    $('.parcel-entry-form input').on('keyup',function(e){
      if(!$(this).hasClass('tt-input')){
        saveDisabled();
      }
    });

    $(document).on('click', 'button[name="create_parcelentry"]', function (e) {
      e.preventDefault();
      createParcelEntry();
    });

    $(document).on('click', 'button[name="create_clients"]', function (e) {
      e.preventDefault();
      createclients();
    });

    $(document).on('click', 'button[name="create_receiver"]', function (e) {
      e.preventDefault();
      createReceiver();
    });

    $(document).on('click', 'button[name="create_centers"]', function (e) {
      e.preventDefault();
      createCenters();
    });
    
    $(document).on('click', 'button[name="import_data"]', function (e) {
      e.preventDefault();
      readImportData();
    });

    $(document).on('click', 'button[name="volumetric_calculation"]', function (e) {
      e.preventDefault();
      volumetricCalculation();
    });

    $(document).on('click', 'button[name="set_calculation"]', function (e) {
      e.preventDefault();
      setCalculation();
    });

    $(document).on('click', 'button[name="remove_parcelentry"]', function(e){
      e.preventDefault();
      var parcelentry_id = $(this).data('id') || "";
      if(parcelentry_id != ""){
        deselect_all();
        $('#parcelentry-grid tbody input[type="checkbox"].entity_chkbox:checked').iCheck('uncheck');
        rows_selected.push(parcelentry_id);
        $('#delete_parcel_entry_modal').modal('show');
      }
    });

    $(document).on('click', '#delete_parcel_entry', function(e){
      var parcelentry_ids = rows_selected;
      var formData = { parcels_ids :parcelentry_ids };
      var url = APP_URL+"/cash/parcels-delete";
      $.ajax({
        type: "POST",
        url: url,
        data: formData,
        dataType: 'json',
        success: function (data) {
          $('#delete_parcel_entry_modal').modal('hide');
          refreshPendingParcel();
          DisplayMessages(data['message']);
          $('#parcel_item_'+parcelentry_ids[0]).remove();
        },
        error: function (jqXHR, exception) {
          var Response = jqXHR.responseText;          
          Response = $.parseJSON(Response);
          DisplayMessages(Response.message,'error');
        }
      });
    });

    $('input[name=client_id]').bind('keypress', function(e) {
      if(e.keyCode==13){
        $('input[name=client_mobile]').focus();
      }
    });

    $('input[name=client_mobile]').bind('keypress', function(e) {
      if(e.keyCode==13){
        $('input[name=client_address]').focus();
      }
    });

    $('input[name=client_address]').bind('keypress', function(e) {
      if(e.keyCode==13){
        $('input[name=proof_type]').focus();
      }
    });

    $('input[name=proof_type]').bind('keypress', function(e) {
      if(e.keyCode==13){
        $('input[name=proof_no]').focus();
      }
    });

    $('input[name=proof_no]').bind('keypress', function(e) {
      if(e.keyCode==13){
        $('input[name=center_id]').focus();
      }
    });

    $('input[name=center_id]').bind('keypress', function(e) {
      if(e.keyCode==13){
        $('input[name=receiver_id]').focus();
      }
    });

    $('input[name=receiver_id]').bind('keypress', function(e) {
      if(e.keyCode==13){
        $('input[name=address]').focus();
      }
    });

    $('input[name=address]').bind('keypress', function(e) {
      if(e.keyCode==13){
        $('input[name=mobile]').focus();
      }
    });

    $('input[name=mobile]').bind('keypress', function(e) {
      if(e.keyCode==13){
        $('input[name=carrier_id]').focus();
      }
    });

    $('input[name=weight]').bind('keypress', function(e) {
      if(e.keyCode==13){
        $('input[name=insurance_amt]').focus();
      }
    });

    $('input[name=consignment_no]').bind('keypress', function(e) {
      if(e.keyCode==13){
        if (is_available_reference_number == true) {
          $('input[name=reference_number]').focus();
        } else {
          $('.type_typeahead').focus();
        }
      }
    });

    $('input[name=reference_number]').bind('keypress', function(e) {
      if(e.keyCode==13){
        $('.type_typeahead').focus();
      }
    });

    $('input[name=insurance_amt]').bind('keypress', function(e) {
      if(e.keyCode==13){
        $('input[name=amont]').focus();
      }
    });

    $('input[name=amont]').bind('keypress', function(e) {
      if(e.keyCode==13){
        $('button[name=create_parcelentry]').focus();
      }
    });

    $('input[name=client_id]').keyup(function($e, datum){
      var client = $($e.target).val();
      if(client==''){
        $('.edit-client-btn').attr('data-id','');
        $('.add-client-btn').removeClass('hide');
        $('.edit-client-btn').addClass('hide');
      }
    });

    $('input[name=center_id]').keyup(function($e, datum){
      var center = $($e.target).val();
      if(center==''){
        $('.edit-center-btn').attr('data-id','');
        $('.add-center-btn').removeClass('hide');
        $('.edit-center-btn').addClass('hide');
      }
    });

    $('input[name=receiver_id]').keyup(function($e, datum){
      var receiver = $($e.target).val();
      if(receiver==''){
        $('.edit-receiver-btn').attr('data-id','');
        $('.add-receiver-btn').removeClass('hide');
        $('.edit-receiver-btn').addClass('hide');
        receiverTooltip();
      }
    });

    $('input[name="show-all-parcel"]').on('ifChecked ifUnchecked', function(e){
      page = 1;
      stopScroll = false;
      if(e.currentTarget.checked){
        var status = '1';
        $(".consignment-list:eq(1)").html('');
        loadMoreData(status);
      } else {
        var status = '0'
        $(".consignment-list:eq(1)").html('');
        loadMoreData(status);
      }
    });

    $('input[name="parcel_with_gst"]').on('ifChecked ifUnchecked', function(e){
      resetGSTCheckBoxes(this, e);
    });

    $("input[name=weight]").focus(function() { $(this).select(); } );

    $('.hide-cgst, .hide-sgst, .hide-igst').hide();
    // bookingEditGSTEvent();    
  });

$(document).on('hidden.bs.modal', '#parcelentry_modal',function (event) { 
  $('.parcelentry_modal_div .edit_modal').html('');
  var form = $("#parcelentry_save");
  $(form)[0].reset();
  form.find('input[name="id"]').val('');
  form.find('select').val('').change();
  $(form).find('.has-error').removeClass('has-error');
  $(form).find('.help-block').html('');
});

$(document).on('shown.bs.modal', '#parcelentry_modal',function (event) { 
  var form = $("#parcelentry_save");
  $(form)[0].reset();
  $('#parcelentry_modal input:visible:enabled:first').focus();
  $(form).find('.has-error').removeClass('has-error');
  $(form).find('.help-block').html('');
});

$(document).on('hidden.bs.modal', '#clients_modal',function (event) { 
  $('.clients_modal_div .edit_modal').html('');
  var form = $("#clients_save");
  $(form)[0].reset();
  form.find('input[name="id"]').val('');
  var firstState = form.find('select[name="state"]').find('option:first').val();
  form.find('select[name="state"]').val(firstState).change();
  var firstCity = form.find('select[name="city"]').find('option:first').val();
  form.find('select[name="city"]').val(firstCity).change();
  $(form).find('.has-error').removeClass('has-error');
  $(form).find('.help-block').html('');
});

$(document).on('shown.bs.modal', '#clients_modal',function (event) { 
  var form = $("#clients_save");
  $(form)[0].reset();
  $('#clients_modal input:visible:enabled:first').focus();
  $(form).find('.has-error').removeClass('has-error');
  $(form).find('.help-block').html('');
});

$(document).on('hidden.bs.modal', '#centers_modal',function (event) { 
  $('.centers_modal .edit_modal').html('');
  var center_form = $("#centers_save");
  $(center_form)[0].reset();
  center_form.find('input[name="id"]').val('');
  $(center_form).find('.has-error').removeClass('has-error');
  $(center_form).find('.help-block').html('');
});

$(document).on('shown.bs.modal', '#centers_modal',function (event) { 
  var center_form = $("#centers_save");
  $(center_form)[0].reset();
  $('#centers_modal input:visible:enabled:first').focus();
  $(center_form).find('.has-error').removeClass('has-error');
  $(center_form).find('.help-block').html('');
});

$(document).on('hidden.bs.modal', '#receiver_modal',function (event) { 
  $('.receiver_modal_div .edit_modal').html('');
  var form = $("#receiver_save");
  $(form)[0].reset();
  form.find('input[name="id"]').val('');
  form.find('select').val('').change();
  $(form).find('.has-error').removeClass('has-error');
  $(form).find('.help-block').html('');
  $('.carrier_typeahead').focus();
});

$(document).on('shown.bs.modal', '#receiver_modal',function (event) { 
  var form = $("#receiver_save");
  $(form)[0].reset();
  var receiver = $('.receiver_typeahead.tt-input').val();
  if(receiver != ''){
    if($('.edit-receiver-btn').hasClass('hide')){
      $('#receiver_modal input:visible:enabled:first').val(receiver);
    }
    var Title = $('#receiver_modal').find('.box-title').html()
    var Id = $('#receiver_modal').find('input[name="id"]').val();
    $('#receiver_modal').find('.box-title').html(Title+ ' - '+Id)
    $('#receiver_modal').find('select[name="city"]').focus();
  }else{
    $('#receiver_modal input:visible:enabled:first').focus();
  }
  $(form).find('.has-error').removeClass('has-error');
  $(form).find('.help-block').html('');
});

$(document).on('hidden.bs.modal', '#volumetric_calculation_modal',function (event) {
  var form = $("#volumetric_calculation_modal");
  $(form).find('input[name="height"]').val('');
  $(form).find('input[name="length"]').val('');
  $(form).find('input[name="width"]').val('');
  $(form).find('input[name="divisor"]').val('');
  $(form).find('input[name="volumetric_weight"]').val('');

  $(form).find('.error-block-height').removeClass('has-error');
  $(form).find('.error-block-height').find('.show').removeClass('show').addClass('hide');
  $(form).find('.error-block-length').removeClass('has-error');
  $(form).find('.error-block-length').find('.show').removeClass('show').addClass('hide');
  $(form).find('.error-block-width').removeClass('has-error');
  $(form).find('.error-block-width').find('.show').removeClass('show').addClass('hide');
  $(form).find('.error-block-divisor').removeClass('has-error');
  $(form).find('.error-block-divisor').find('.show').removeClass('show').addClass('hide');
});

function bookingEditGSTEvent(){
  $('input[name="parcel_with_gst"]').on('ifChecked ifUnchecked', function(e){
    resetGSTCheckBoxes(this, e);
  });
}

function createParcelEntry(){
  var form = $("#parcelentry_save");
  var formData = $(form).serialize();
  var url = $(form).attr('action');    
  $(form).find('.has-error').removeClass('has-error');
  $(form).find('.help-block').html('');
  var type = "POST";
  var options = {
    target: '',
    url: url,
    type: type,
    success: function(data) {
      if (data['results']['limitParcelEntry'] == 'YES') {
        $('#create_parcelentry').html('Add');
        saveDisabled();
        toastr.error('Sorry, you have reached maximum limit of parcel entries, please upgrade to FULL VERSION in order to continue our services!', 'Error !', { onHidden: function() {          
        }});
      } else {
        form.find('input[name="id"]').val('');
        $("#parcelentry_modal").modal('hide');
        DisplayMessages(data['message']);
        if(data['message'] != 'Updated Successfully'){
          $('.consignment-list:eq(1)').prepend(data['results']['item_html']);
          blink($('.consignment-list:eq(1)').find('.item:first'))
        }else{
          var id = data['results']['item'].id;
          $('.consignment-list').find('#parcel_item_'+id).after(data['results']['item_html']).remove();
          blink($('.consignment-list').find('#parcel_item_'+id))
        }
        $('.carrier_typeahead').typeahead('val','');
        $('.type_typeahead').typeahead('val','');
        $('input[name="amont"], input[name=cgst], input[name=sgst], input[name=igst], input[name=fchpercent], input[name="net_amt"], input[name=parcel_value], input[name="consignment_no"], input[name="reference_number"], input[name=number_of_box], input[name=custom_duty], textarea[name="remakrs"], input[name="insurance_amt"]').val('');
        if (weight_type == 'gm') {
          $('input[name="weight"]').val('100');
        } else {
          $('input[name="weight"]').val('1');
        }
        $('input[name="consignment_no"]').next('.input-group-addon').removeClass('label-success');

        totalIndicator(0,'hide')
        $('#create_parcelentry').html('Add');
        saveDisabled();
        refreshPendingParcel();

        $('.client_typeahead').typeahead('destroy').typeahead({
          hint: true,
          highlight: true,
          minLength: 1,
        },
        {
          source: substringMatcher(data['results']['all_client'])
        });
        $('.receiver_typeahead').typeahead('destroy').typeahead({
          hint: true,
          highlight: true,
          minLength: 1
        },
        {
          source: substringMatcher(data['results']['all_receiver'])
        });

        var carrierName = data['results']['selected_carrier'];
        var packagetypeName = data['results']['selected_packagetype'];
        var enterWeight = data['results']['selected_weight'];

        if ($('input[name="parcel_auto_sender"]').is(':checked')){
          if(data['results'].new_client != ''){
            $('.client_typeahead').typeahead('val', data['results']['new_client'].id+' - '+data['results']['new_client'].name);
            $('.edit-client-btn').attr('data-id', data['results']['new_client'].id).removeClass('hide');
          }
        } else {
          $('.client_typeahead').typeahead('val','');
          $('.edit-client-btn').addClass('hide');
          $('.edit-client-btn').attr('data-id','');
          $('.add-client-btn').removeClass('hide');
          $('input[name="client_mobile"], input[name="client_address"], input[name=proof_type], input[name=proof_no]').val('');
        }

        if ($('input[name="parcel_auto_center"]').is(':checked')) {
        } else {
          $('.center_typeahead').typeahead('val','');
          $('.edit-center-btn').addClass('hide');
          $('.edit-center-btn').attr('data-id','');
          $('.add-center-btn').removeClass('hide');
        }

        if ($('input[name="parcel_auto_receiver"]').is(':checked')){
          if(data['results'].new_receiver != ''){
            var center = data['results']['new_receiver'].center;
            $('.receiver_typeahead').typeahead('val', data['results']['new_receiver'].id+' - '+data['results']['new_receiver'].name+' - '+center.name);
            $('.edit-receiver-btn').attr('data-id', data['results']['new_receiver'].id).removeClass('hide');
          }
        } else {
          $('.receiver_typeahead').typeahead('val','');
          $('.edit-receiver-btn').addClass('hide');
          $('.edit-receiver-btn').attr('data-id','');
          $('.add-receiver-btn').removeClass('hide');
          $('input[name="address"], input[name="mobile"], input[name=receiver_proof_type], input[name=receiver_proof_no], input[name=receiver_airport_name]').val('');
        }

        if ($('input[name="parcel_auto_carrier"]').is(':checked')){
          $('.carrier_typeahead').typeahead('val',carrierName);
        } else {
          $('.carrier_typeahead').typeahead('val','');
        }

        if ($('input[name="parcel_auto_package"]').is(':checked')){
          $('.type_typeahead').typeahead('val',packagetypeName);
        } else {
          $('.type_typeahead').typeahead('val','');
        }

        if ($('input[name="parcel_auto_weight"]').is(':checked')){
          $('input[name="weight"]').val(enterWeight);
        }
        
        $('.no-parcel-item').remove();

        var remember = ["parcel_auto_sender", "parcel_auto_center", "parcel_auto_receiver", "parcel_auto_carrier", "parcel_auto_package", "parcel_auto_weight"];
        $.each(remember, function( index, value ) {
          if (value == 'parcel_auto_sender' && $('input[name="parcel_auto_sender"]').not(':checked').length) {
            $('.client_typeahead').focus();
            return false;
          }
          if (value == 'parcel_auto_center' && $('input[name="parcel_auto_center"]').not(':checked').length) {
            $('.center_typeahead').focus();
            return false;
          }
          if (value == 'parcel_auto_receiver' && $('input[name="parcel_auto_receiver"]').not(':checked').length) {
            $('.receiver_typeahead').focus();
            return false;
          }
          if (value == 'parcel_auto_carrier' && $('input[name="parcel_auto_carrier"]').not(':checked').length) {
            $('.carrier_typeahead').focus();
            return false;
          }
          if (value == 'parcel_auto_package' && $('input[name="parcel_auto_package"]').not(':checked').length) {
            $('.type_typeahead').focus();
            return false;
          }
          if (value == 'parcel_auto_weight' && ($('input[name="parcel_auto_weight"]').is(':checked') || $('input[name="parcel_auto_weight"]').not(':checked').length) ) {
            $('input[name="weight"]').focus();
            return false;
          }
        });
      }
      $(form).find('input[name="consignment_no"]').parents('.input-group').addClass('margin-top-text-cashparcel');
      $(form).find('label[for="consignment_no"]').html('');
    },
    beforeSend:function(){
      buttonLoading('#create_parcelentry');
    },
    complete:function(){
      buttonLoading('#create_parcelentry');
    },
    error: function (jqXHR, exception) {
      var Response = jqXHR.responseText;
      ErrorBlock = $(form);
      Response = $.parseJSON(Response);
      DisplayErrorMessages(Response, ErrorBlock, 'input');
      if ( Response.errors.hasOwnProperty('consignment_no') ) {
        $(ErrorBlock).find('input[name="consignment_no"]').parents('.input-group').removeClass('margin-top-text-cashparcel');
        $(ErrorBlock).find('label[for="consignment_no"]').html(Response.errors.consignment_no[0]);
      } else {
        $(ErrorBlock).find('input[name="consignment_no"]').parents('.input-group').addClass('margin-top-text-cashparcel');
        $(ErrorBlock).find('label[for="consignment_no"]').html('');
      }
    }
  }
  $(form).ajaxSubmit(options);
}

function SetEditParcelEntry(element){
  var Form = $("#parcelentry_save");
  var Id = $(element).attr('data-id');
  var APP_URL = $('meta[name="_base_url"]').attr('content');
  var url = APP_URL + '/cash-international-parcelentry/' + Id + '/edit';       
  $.ajax({
    type: "GET",
    url: url,
    data: {},
    dataType: "json",
    success: function (res) {
      var parcelItem = res.data.parcelentry;
      var data = res.data;
      var parcelForm = $('.parcel-entry-form');
      parcelForm.find('input[name="date"]').val(parcelItem.date);
      parcelForm.find('input[name="client_mobile"]').val(parcelItem.client_mobile);
      parcelForm.find('input[name="client_address"]').val(res.data.cash_sender_detail.address1);
      parcelForm.find('input[name="consignment_no"]').val(parcelItem.consignment_no);
      parcelForm.find('input[name="reference_number"]').val(parcelItem.reference_number);
      parcelForm.find('.client_typeahead').typeahead('val',data.clients_options[parcelItem.client_id]);
      parcelForm.find('.proof_typeahead').typeahead('val',data.proofType[parcelItem.proof_type]);
      parcelForm.find('.center_typeahead').typeahead('val',data.centers_for_parcel[parcelItem.center_id]);
      parcelForm.find('.receiver_typeahead').typeahead('val',data.receivers_options[parcelItem.receiver_id]);
      parcelForm.find('.carrier_typeahead').typeahead('val',data.carriers_options[parcelItem.carrier_id]);
      parcelForm.find('.type_typeahead').typeahead('val',data.packagetypes_options[parcelItem.package_type]);
      // parcelForm.find('.receiver_proof_typeahead').typeahead('val',data.proofType[parcelItem.receiver_proof_type]);
      parcelForm.find('input[name="address"]').val(parcelItem.address);
      // parcelForm.find('input[name="receiver_proof_no"]').val(parcelItem.receiver_proof_no);
      // parcelForm.find('input[name="receiver_airport_name"]').val(parcelItem.receiver_airport_name);
      parcelForm.find('input[name="number_of_box"]').val(parcelItem.number_of_box);
      parcelForm.find('input[name="custom_duty"]').val(parcelItem.custom_duty);
      parcelForm.find('input[name="proof_no"]').val(parcelItem.proof_no);
      parcelForm.find('input[name="mobile"]').val(parcelItem.mobile);
      parcelForm.find('input[name="value"]').val(parcelItem.value);
      parcelForm.find('input[name="insurance_amt"]').val(parcelItem.insurance_amt);
      parcelForm.find('input[name="amont"]').val(parcelItem.amont);
      parcelForm.find('input[name="parcel_value"]').val(parcelItem.parcel_value);
      parcelForm.find('input[name="cgst"]').val(parcelItem.cgst);
      parcelForm.find('input[name="sgst"]').val(parcelItem.sgst);
      parcelForm.find('input[name="igst"]').val(parcelItem.igst);
      parcelForm.find('input[name="fchpercent"]').val(parcelItem.fchpercent);
      parcelForm.find('input[name="weight"]').val(parcelItem.weight);
      parcelForm.find('input[name="net_amt"]').val(parcelItem.net_amt);
      parcelForm.find('textarea[name="remakrs"]').val(parcelItem.remakrs);
      parcelForm.find('.parcel_id').val(parcelItem.id);
      
      $('.edit-client-btn').attr('data-id',parcelItem.client_id).removeClass('hide');
      $('.add-client-btn').addClass('hide');

      $('.edit-center-btn').attr('data-id',parcelItem.center_id).removeClass('hide');
      $('.add-center-btn').addClass('hide');

      $('.edit-receiver-btn').attr('data-id',parcelItem.receiver_id).removeClass('hide');
      $('.add-receiver-btn').addClass('hide');

      initIcheck();
      initSelect();
      initFileInput();
      initRichText();
      initDate('{{AppHelper::dateFormatJS(LaraCore::setting('date_format'))}}');
      initDateRange('{{AppHelper::dateFormatJS(LaraCore::setting('date_format'))}}');
      saveDisabled();
      $('#create_parcelentry').html('Save');
      bookingEditGSTEvent();

      if (parcelItem.cgst != null || parcelItem.sgst != null || parcelItem.igst != null) {
        $('input[name="parcel_with_gst"]').iCheck('check');
      } else {
        $('input[name="parcel_with_gst"]').iCheck('uncheck');
      }
    }
  });
}

function createclients(){  
  var form = $("#clients_save");
  generateKeyPair('clients_save');
  var formData = $(form).serialize();
  var url = $(form).attr('action');
  var id = form.find('input[name="id"]').val();       
  $(form).find('.has-error').removeClass('has-error');
  $(form).find('.help-block').html('');
  var type = "POST";
  var options = {
    target: '',
    url: url,
    type: type,
    success: function(data) {
      $(form)[0].reset();
      form.find('input[name="id"]').val('');
      $("#clients_modal").modal('hide');
      DisplayMessages(data['message']);
      $('.client_typeahead').typeahead('val','');
      $('.client_typeahead').typeahead('val', data['results']['item'].id+' - '+data['results']['item'].name);
      initTypeahead();
      $('.edit-client-btn').attr('data-id',data['results']['item'].id).removeClass('hide');
      $('.add-client-btn').addClass('hide');
    },
    error: function (jqXHR, exception) {
      var Response = jqXHR.responseText;
      ErrorBlock = $(form);
      Response = $.parseJSON(Response);
      DisplayErrorMessages(Response, ErrorBlock, 'input');
    }
  }
  $(form).ajaxSubmit(options);
}

function SetEditclients(element){
  var Form = $("#clients_save");
  var Id = $(element).attr('data-id');
  var APP_URL = $('meta[name="_base_url"]').attr('content');
  var url = APP_URL + '/cash-clients/' + Id + '/edit';       
  $.ajax({
    type: "GET",
    url: url,
    data: "id=" + Id,
    dataType: "json",
    success: function (res) {
      $('.clients_modal_div .edit_modal').html(res.modal);
      initIcheck();
      initSelect();
      initFileInput();
      initRichText();
      initDate('{{AppHelper::dateFormatJS(LaraCore::setting('date_format'))}}');
      initDateRange('{{AppHelper::dateFormatJS(LaraCore::setting('date_format'))}}');
      $('#clients_modal').modal('show');
    }
  });
}

function createCenters(){  
  var form = $("#centers_save");
  var formData = $(form).serialize();
  var url = $(form).attr('action');
  var id = form.find('input[name="id"]').val();       
  $(form).find('.has-error').removeClass('has-error');
  $(form).find('.help-block').html('');
  var type = "POST";
  var options = {
    target: '',
    url: url,
    type: type,
    success: function(data) {
      $(form)[0].reset();
      form.find('input[name="id"]').val('');
      $("#centers_modal").modal('hide');
      DisplayMessages(data['message']);
      $('.center_typeahead').typeahead('val','');
      $('.center_typeahead').typeahead('val', data['results']['item'].id+' - '+data['results']['item'].name);
      initTypeahead();
      $('.edit-center-btn').attr('data-id',data['results']['item'].id).removeClass('hide');
      $('.add-center-btn').addClass('hide');
    },
    error: function (jqXHR, exception) {
      var Response = jqXHR.responseText;
      ErrorBlock = $(form);
      Response = $.parseJSON(Response);
      DisplayErrorMessages(Response, ErrorBlock, 'input');
    }
  }
  $(form).ajaxSubmit(options);
}

function SetEditCenters(element){
  var Form = $("#centers_save");
  var Id = $(element).attr('data-id');
  var APP_URL = $('meta[name="_base_url"]').attr('content');
  var url = APP_URL + '/centers/' + Id + '/edit';       
  $.ajax({
    type: "GET",
    url: url,
    data: "id=" + Id,
    dataType: "json",
    success: function (res) {
      $('.centers_modal_div .edit_modal').html(res.modal);
      initIcheck();
      initSelect();
      initFileInput();
      initRichText();
      initDate('{{AppHelper::dateFormatJS(LaraCore::setting('date_format'))}}');
      initDateRange('{{AppHelper::dateFormatJS(LaraCore::setting('date_format'))}}');
      $('#centers_modal').modal('show');
    }
  });
}

function createReceiver(){
  var form = $("#receiver_save");
  var formData = $(form).serialize();
  var url = $(form).attr('action');
  var id = form.find('input[name="id"]').val();       
  $(form).find('.has-error').removeClass('has-error');
  $(form).find('.help-block').html('');
  var type = "POST";
  var options = {
    target: '',
    url: url,
    type: type,
    success: function(data) {
      $(form)[0].reset();
      form.find('input[name="id"]').val('');
      $("#receiver_modal").modal('hide');
      DisplayMessages(data['message']);
      var center = data['results']['item'].center;
      $('.receiver_typeahead').typeahead('val','');
      $('.receiver_typeahead').typeahead('val', data['results']['item'].id+' - '+data['results']['item'].name+' - '+center.name);
      initTypeahead();
      $('.edit-receiver-btn').attr('data-id',data['results']['item'].id).removeClass('hide');
      $('.add-receiver-btn').addClass('hide');
    },
    error: function (jqXHR, exception) {
      var Response = jqXHR.responseText;
      ErrorBlock = $(form);
      Response = $.parseJSON(Response);
      DisplayErrorMessages(Response, ErrorBlock, 'input');
    }
  }
  $(form).ajaxSubmit(options);
}

function SetEditReceiver(element){
  var Form = $("#receiver_save");
  var Id = $(element).attr('data-id');
  var APP_URL = $('meta[name="_base_url"]').attr('content');
  var url = APP_URL + '/cash-receiver/' + Id + '/edit';
  $.ajax({
    type: "GET",
    url: url,
    data: "id=" + Id,
    dataType: "json",
    success: function (res) {
      $('.receiver_modal_div .edit_modal').html(res.modal);
      initIcheck();
      initSelect();
      initFileInput();
      initRichText();
      initDate('{{AppHelper::dateFormatJS(LaraCore::setting('date_format'))}}');
      initDateRange('{{AppHelper::dateFormatJS(LaraCore::setting('date_format'))}}');
      $('#receiver_modal').modal('show');
      $('.receiver_modal_div .edit_modal').find('#city-input').remove();
    }
  });
}

function initFileInput(){
  file_inputs = $('input[type="file"]');
  if(file_inputs.length > 0){
    $.each(file_inputs, function(index, element) {
      file_input_name = $(this).attr('name');

      var file_input_src = "";
      var file_input_config = new Array();

      var input_src = $('input[name="'+file_input_name+'"]').data('src');

      if(input_src != "" && input_src !== undefined){
        var file_input_src = input_src.split(",");
        var input_src_names =  $('input[name="'+file_input_name+'"]').data('names');;
        var input_src_names_arr = input_src_names.split(",");
        $.each(file_input_src, function(index, element) {
          file_input_src[index] = APP_URL+'/assets/uploads/receiver/'+file_input_src[index];
        });
        $.each(input_src_names_arr, function(i, e) {                                
          file_type = getFileType(file_input_src[i]);
          obj = { type: file_type, caption:  input_src_names_arr[i], showDelete: false, showZoom: true}
          file_input_config.push(obj);
        });
      }else{
        file_input_config.push({});
      }
      var file_input_options = getFileInputOptions();
      $.extend( file_input_options, {
        initialPreview: file_input_src, 
        initialPreviewConfig: file_input_config,
      });
      $(this).fileinput(file_input_options);

      var file_input_name = $(this).attr('name');
      $(this).on('filecleared', function(event) {
        var file_input_src = "";

        var file_input_options = getFileInputOptions();
        $.extend( file_input_options, {
          initialPreview: file_input_src, 
          initialPreviewConfig: [ {caption: "", filename: "", showDelete: false,  showZoom: true} ,]
        });
        $(this).fileinput('refresh',file_input_options);
        var input_name = file_input_name.replace('[]', '');                     
        $('input[name="'+input_name+'_token"]').val('false');
      });
    });         
  }
}

function readImportData(){
  var form = $("#import_model_form");
  var formData = $(form).serialize();
  var url = $(form).attr('action');
  var totLength = $(form).find('textarea').val().length;
  if(totLength == 0){
    $(form).find('.textboxError').addClass('has-error');
  }else{
    $.ajax({
      type: "POST",
      url: url,
      data: formData,
      success: function (res) {
        if(res.status == 'success'){
          form.find('textarea').val('');
          toastr.success('Parcels imported successfully !', 'Success !', { onHidden: function() {          
          }});
          setTimeout(function() {
            location.reload();
          }, 2000);
        }else if(res.status == 'fail' || res.status == ''){
          toastr.error('Incomplete import data !', 'Error !', { onHidden: function() {          
          }});
        }else if(res.status == 'update'){
          toastr.warning('Parcels already imported !', 'Alert !', { onHidden: function() {          
          }});
          setTimeout(function() {
            location.reload();
          }, 2000);
        }else if(res.status == 'Invalide Carrier'){
          toastr.error('Invalide Carrier !', 'Error !', { onHidden: function() {          
          }});
        }
      }
    });
    return false;
  }
}

function addClient(){
  $('#clients_modal').modal('show');
}
function addCenter(){
  $('#centers_modal').modal('show');
}
function addReceiver(){
  $('#receiver_modal').modal('show');
}

function receiverTooltip(){
  $('.receiver_typeahead').tooltip('hide');
  $('.receiver_typeahead').tooltip({
    placement:'bottom',
    html:true
  });
}

var substringMatcher = function(strs) {
  return function findMatches(q, cb) {
    var matches, substringRegex;

    matches = [];

    substrRegex = new RegExp(q, 'i');

    $.each(strs, function(i, str) {
      if (substrRegex.test(str)) {
        matches.push(str);
      }
    });

    cb(matches);
  };
};

function initTypeahead(){
  $('.client_typeahead').typeahead('destroy').typeahead({
    hint: true,
    highlight: true,
    minLength: 1,
  },
  {
    source: substringMatcher(clients)
  }).on('typeahead:selected', function($e, datum) {
    $('input[name="client_mobile"]').focus();
    saveDisabled();
    getCashClientData(datum.split(" - ")[0]);
    $('.edit-client-btn').attr('data-id',datum.split(" - ")[0]).removeClass('hide');
    $('.add-client-btn').addClass('hide');
  }).on('typeahead:change', function($e, datum) {
    var client = $($e.target).val();
    if(client==''){
      $('.add-client-btn').removeClass('hide');
      $('.edit-client-btn').addClass('hide');
      $('input[name="client_mobile"]').val('');
      $('input[name=proof_type]').val('');
      $('input[name=proof_no]').val('');
    }
  });

  $('.proof_typeahead').typeahead('destroy').typeahead({
    hint: true,
    highlight: true,
    minLength: 0,
  },
  {
    source: substringMatcher(proofType)
  }).on('typeahead:selected', function($e, datum) {
    $('input[name="proof_no"]').focus();
    saveDisabled();
  });

  $('.center_typeahead').typeahead('destroy').typeahead({
    hint: true,
    highlight: true,
    minLength: 1,
  },
  {
    limit: 10,
    source: substringMatcher(centers)
  }).on('typeahead:selected', function($e, datum) {
    $('input[name="receiver_id"]').focus();
    saveDisabled();
    $('.edit-center-btn').attr('data-id',datum.split(" - ")[0]).removeClass('hide');
    $('.add-center-btn').addClass('hide');
  });

  $('.receiver_typeahead').typeahead('destroy').typeahead({
    hint: true,
    highlight: true,
    minLength: 1
  },
  {
    source: substringMatcher(receivers)
  }).on('typeahead:selected', function($e, datum) {
    $('input[name="mobile"]').focus();
    saveDisabled();
    getCashReceiverImage(datum.split(" - ")[0]);
    getSelectedReceiverData(datum.split(" - ")[0]);
    $('.edit-receiver-btn').attr('data-id',datum.split(" - ")[0]).removeClass('hide');
    $('.add-receiver-btn').addClass('hide');
  }).on('typeahead:change', function($e, datum) {
    var receiver = $($e.target).val();
    if(receiver==''){
      $('.add-receiver-btn').removeClass('hide');
      $('.edit-receiver-btn').addClass('hide');
      $('input[name=address]').val('');
      $('input[name=mobile]').val('');
      $('input[name=receiver_proof_type]').val('');
      $('input[name=receiver_proof_no]').val('');
      $('input[name=receiver_airport_name]').val('');
      receiverTooltip();
    }
  })

  $('.carrier_typeahead').typeahead('destroy').typeahead({
    hint: true,
    highlight: true,
    minLength: 0
  },
  {
    source: substringMatcher(carriers)
  }).on('typeahead:selected', function($e, datum) {
    saveDisabled();
    getCarrierBarcode();
    $('input[name="consignment_no"]').focus();
  });

  $('.type_typeahead').typeahead('destroy').typeahead({
    hint: true,
    highlight: true,
    minLength: 0
  },
  {
    source: substringMatcher(types)
  }).on('typeahead:selected', function($e, datum) {
    $('input[name="weight"]').focus();
    saveDisabled();
  });

  // $('.receiver_proof_typeahead').typeahead('destroy').typeahead({
  //   hint: true,
  //   highlight: true,
  //   minLength: 0,
  // },
  // {
  //   source: substringMatcher(proofType)
  // }).on('typeahead:selected', function($e, datum) {
  //   $('input[name="receiver_proof_no"]').focus();
  //   saveDisabled();
  // });
}

function getCashReceiverImage(receiverId){
  var receiverId = receiverId;
  $.ajax({
    type: "POST",
    url: '{{route('get.cash.receiver.image.mobile')}}',
    data: {receiverId:receiverId},
    dataType: "json",
    success: function(res) {
      var fname = res.image;
      var mobile = res.receiverMobile;
      $('input[name="mobile"]').val(mobile);
    },
  });
}

function getCashClientData(clientId){
  var clientId = clientId;
  $.ajax({
    type: "POST",
    url: '{{route('get.cash.client.mobile')}}',
    data: {clientId:clientId},
    dataType: "json",
    success: function(res) {
      var client_mobile = res.clientMobile;
      var client_address = res.clientAddress;
      var proof_no = res.proofNo;
      var proof_type = res.proofType;
      $('input[name="client_mobile"]').val(client_mobile);
      $('input[name="client_address"]').val(client_address);
      $('input[name="proof_no"]').val(proof_no);
      $('.proof_typeahead').typeahead('val',proof_type);
    },
  });
}

function getCarrierBarcode(){
  var carrier = $('input[name="carrier_id"]').val();
  $.ajax({
    type: "POST",
    url: '{{route('cash.get.barcode.carrier')}}',
    data: {carrier:carrier},
    dataType: "json",
    success: function(res) {
      if(res.status == 'success'){
        $('input[name="consignment_no"]').val(res.barcode);
        $('input[name="consignment_no"]').next('.input-group-addon').addClass('label-success');
        blink($('#parcelentry_save').find('input[name="consignment_no"]'))
      }
    },
  });
}

function getClientDetails(){
  var WholeForm = $('.parcel-entry-form');
  var client = $(WholeForm).find('input[name="client_id"]').val();
  var carrier = $(WholeForm).find('input[name="carrier_id"]').val();
  var package_type = $(WholeForm).find('input[name="package_type"]').val();
  var weight = $(WholeForm).find('input[name="weight"]').val();
  var center = $('#receiver_modal').find('select[name="city"] option:selected').val();
  var center_id = $(WholeForm).find('input[name="center_id"]').val();
  var receiver_id = $(WholeForm).find('input[name="receiver_id"]').val();
  if(weight == ''){
    return;
  }
  $.ajax({
    type: "POST",
    url: '{{route('cash.get.client.price')}}',
    data: {'client':client, 'carrier':carrier, 'package_type':package_type, 'center_id':center_id, 'receiver_id':receiver_id, 'weight':weight},
    dataType: "json",
    success: function(res) {
      if(res.status == 'success' && res.flag == 'client'){
        var clientAmount = res.price;
        var amtField = $(WholeForm).find('input[name="amont"]');
        amtField.val(clientAmount);
        if(clientAmount=='null')
          amtField.val('0');

        totalIndicator(clientAmount,'show');
        getTotal();
      } else if (res.status == 'success' && res.flag == 'default') {
        var clientAmount = res.price;
        var amtField = $(WholeForm).find('input[name="amont"]');
        amtField.val(clientAmount);
        if(clientAmount=='null')
          amtField.val('0');

        totalIndicator(clientAmount,'default_show');
        getTotal();
      }
    }
  });
}

function getTotal(){
  var grossAmt = ($('input[name="amont"]').val() !='' ? $('input[name="amont"]').val() : 0);
  var fchpercent = ($('input[name="fchpercent"]').val() !='' ? $('input[name="fchpercent"]').val() : 0);
  var insAmt = ($('input[name="insurance_amt"]').val() !='' ? $('input[name="insurance_amt"]').val() : 0);
  
  var fuelChargeAmt = (grossAmt * fchpercent)/100;
  
  if ($('input[name="parcel_with_gst"]').is(':checked')) {
    var cgst_per = (cgst_percentage != null) ? cgst_percentage : 0;
    var sgst_per = (sgst_percentage != null) ? sgst_percentage : 0;
    var igst_per = (igst_percentage != null) ? igst_percentage : 0;

    var sumAmounts = parseFloat(grossAmt) + parseFloat(fuelChargeAmt) + parseFloat(insAmt);
    var cgst_amount =  (sumAmounts * cgst_per ) / 100;
    var sgst_amount =  (sumAmounts * sgst_per ) / 100;
    var igst_amount =  (sumAmounts * igst_per ) / 100;
    $('input[name="cgst"]').val(cgst_amount.toFixed(2));
    $('input[name="sgst"]').val(sgst_amount.toFixed(2));
    $('input[name="igst"]').val(igst_amount.toFixed(2));
    var total = parseFloat(sumAmounts) + parseFloat(cgst_amount) + parseFloat(sgst_amount) + parseFloat(igst_amount);
    total = total.toFixed(2);
  } else {
    $('input[name="cgst"]').val('');
    $('input[name="sgst"]').val('');
    $('input[name="igst"]').val('');
    var total = parseFloat(grossAmt) + parseFloat(insAmt) + parseFloat(fuelChargeAmt);
    total = total.toFixed(2);
  }
  var tempTotal = parseFloat(total);
  var finalTotal = 0.00;
  if (tempTotal > 0) {
    var totalCeil = Math.ceil(tempTotal);
    var totalFloor = Math.floor(tempTotal);
    var deductValue = totalCeil - tempTotal;
    if (deductValue <= 0.50) {
      finalTotal = (totalCeil).toFixed(2);;
    } else {
      finalTotal = (totalFloor).toFixed(2);;
    }
  }
  $('input[name="net_amt"]').val(finalTotal);
}

function totalIndicator(amount,type){
  var amtField  = $('input[name="amont"]');
  if(amount != 'null'){
    if(type=='show'){
      $(amtField).parents('.form-group').addClass('has-success').removeClass('has-error').removeClass('has-warning');
      $(amtField).next('span').remove();
      $('<span></span>').insertAfter(amtField);
      $(amtField).next('span').attr('class','help-block no-margin').html('<i class="fa fa-check-circle"></i> '+amount)
    }else if(type=='default_show'){
      $(amtField).parents('.form-group').addClass('has-warning').removeClass('has-error').removeClass('has-success');
      $(amtField).next('span').remove();
      $('<span></span>').insertAfter(amtField);
      $(amtField).next('span').attr('class','help-block no-margin').html('<i class="fa fa-check-circle"></i> '+amount)
    }else if(type=='hide'){
      $(amtField).parents('.form-group').removeClass('has-success').removeClass('has-warning');
      $(amtField).next('span').remove();
    }
  }else{
    if(type=='show'){
      $(amtField).parents('.form-group').addClass('has-error').removeClass('has-success');
      $(amtField).next('span').remove();
      $('<span></span>').insertAfter(amtField);
      $(amtField).next('span').attr('class','help-block no-margin').html('<i class="fa fa-times"></i> Not assigned')
    }else if(type=='hide'){
      $(amtField).parents('.form-group').removeClass('has-error').removeClass('has-warning');
      $(amtField).next('span').remove();
    }
  }
}

function searchParcels() {
  delay(function() {
    var keyword = $('#keyword').val();
    var criteria = $('#searchCriteria').val();
        page = 1; // Reset page number to 1
        stopScroll = false; // Reset the stopScroll flag

        if (keyword == '') {
          $(".consignment-list:eq(1)").html('');
            loadMoreData(); // Load data without any filter
            return;
          }

          $.ajax({
            url: '?page=' + page,
            type: "GET",
            data: {
              'keyword': keyword,
              'criteria': criteria
            },
          })
          .done(function(data) {
            if (data.html == "") {
              $(".consignment-list:eq(1)").html('<li class="item text-center">No records found.</li>');
                stopScroll = true; // Stop further loading
                return;
              }
            $(".consignment-list:eq(1)").html(data.html); // Replace data
          });
        }, 700);
}

$('#searchCriteria').change(function() {
  var criteria = $(this).val();
  if (criteria === '') {
    $('#keyword').val(''); 
    stopScroll = false; 
    page = 1; 
    $(".consignment-list:eq(1)").html(''); 
    loadMoreData(); 
  } else {
    searchParcels(); 
  }
});


function saveDisabled(){
  var btn = $('#create_parcelentry');
  var parcelId = $('.parcel_id').val();
  if(btn.prop('disabled') == true){
    btn.prop('disabled',false);
  }
  if(parcelId == ''){
    btn.addClass('btn-primary').removeClass('btn-dark-default btn-success');
  }else{
    btn.addClass('btn-success').removeClass('btn-dark-default btn-primary');
  }
}

function cleanComponant(element){
  var cur_date = "";
  var form = $("#parcelentry_save");
  form.find('.has-error').removeClass('has-error');
  $('input[name=date]').val(cur_date);
  $('input[name="client_mobile"]').val('');
  $('input[name="client_address"]').val('');
  $('input[name=consignment_no]').val('');
  $('input[name=reference_number]').val('');
  $('input[name=proof_type]').val('');
  $('input[name=proof_no]').val('');
  $('input[name="consignment_no"]').next('.input-group-addon').removeClass('label-success');
  $('.client_typeahead').typeahead('val','');
  $('.center_typeahead').typeahead('val','');
  $('.receiver_typeahead').typeahead('val','');
  $('.carrier_typeahead').typeahead('val','');
  $('input[name=address]').val('');
  $('.type_typeahead').typeahead('val','');
  if (weight_type == 'gm') {
    $('input[name=weight]').val('100');
  } else {
    $('input[name=weight]').val('1');
  }
  $('input[name=insurance_amt]').val('');
  $('input[name=amont]').val('');
  $('input[name=parcel_value]').val('');
  $('input[name=cgst]').val('');
  $('input[name=sgst]').val('');
  $('input[name=igst]').val('');
  $('input[name=fchpercent]').val('');
  $('input[name=mobile]').val('');
  $('input[name=net_amt]').val('');
  $('input[name=receiver_proof_type]').val('');
  $('input[name=receiver_proof_no]').val('');
  $('input[name=receiver_airport_name]').val('');
  $('input[name=number_of_box]').val('');
  $('input[name=custom_duty]').val('');
  $('input[name=id]').val('');
  $('textarea[name="remakrs"]').val('');
  $('#create_parcelentry').html('Add');

  $('input[name=amont]').parents('.has-warning').removeClass('has-warning');
  $('input[name=amont]').parents('.has-success').removeClass('has-success');
  $('input[name=amont]').parents('.has-feedback').find('span').remove();


  var btn = $('#create_parcelentry');
  btn.prop('disabled',true);
  btn.addClass('btn-dark-default').removeClass('btn-success btn-primary');

  $('.edit-client-btn').addClass('hide');
  $('.add-client-btn').removeClass('hide');
  $('.edit-client-btn').attr('data-id','');

  $('.edit-center-btn').addClass('hide');
  $('.add-center-btn').removeClass('hide');
  $('.edit-center-btn').attr('data-id','');

  $('.edit-receiver-btn').addClass('hide');
  $('.add-receiver-btn').removeClass('hide');
  $('.edit-receiver-btn').attr('data-id','');
}

function checkValue(element){
  var value = $(element).val();
  if(value=='Add new'){
    $('#city-input').removeClass('hide');
    $('#city-dropdown').addClass('hide');
    $(element).val('');
    $(element).attr('name','');
    $('#city-input').find('input').attr('name','city')
    $('#new-center-state').removeClass('hide');
    $('#new-center-zipcode').removeClass('hide');
  }else{
    $('#city-input').addClass('hide');
    $('#city-input').find('input').attr('name','')
    $(element).attr('name','city');
    $('#city-dropdown').removeClass('hide');
    $('#new-center-state').addClass('hide');
    $('#new-center-zipcode').addClass('hide');
  }
}

function resetCity(){
  $('#city').val('').change();
}

function printCashInternationalReceipt(element){
  var Id = $(element).attr('data-id');
  $('#receips-ids').val(Id).parents('form').submit(); 
}

function printVDReceipt(element){
  var Id = $(element).attr('data-id');
  $('#receipt-id').val(Id).parents('form').submit();
}

function refreshPendingParcel(){
  $.ajax({
    type: "POST",
    url: '{{route('refresh.pending.parcel')}}',
    success: function (res) {
      var remainingParcel = res.remainingParcel;
      var bgColor; 
      if (remainingParcel >= 750 && remainingParcel <= 1500) {
        bgColor = 'bg-green';
      } else if (remainingParcel >= 150 && remainingParcel <= 749) {
        bgColor = 'bg-yellow';
      } else if (remainingParcel >= 0 && remainingParcel <= 149) {
        bgColor = 'bg-red';
      }
      $('.parcel-cuntr').removeClass('bg-red bg-yellow bg-green');
      $('.parcel-cuntr').addClass(bgColor);
      $('#pending_parcel').html('PENDING PARCELS : '+remainingParcel);
    }
  });
}

function getSelectedReceiverData(receiverId){
  var receiverId = receiverId;
  $.ajax({
    type: "POST",
    url: '{{route('get.cash.selected.receiver.data')}}',
    data: {receiverId:receiverId},
    dataType: "json",
    success: function(res) {
      var receiver_address = res.receiverAddress;
      var receiver_proof_type = res.receiverProofType;
      var receiver_proof_no = res.receiverProofNo;
      var receiver_airport_name = res.receiverAirportName;
      // $('.receiver_proof_typeahead').typeahead('val',receiver_proof_type);
      $('input[name="address"]').val(receiver_address);
      $('input[name="receiver_proof_no"]').val(receiver_proof_no);
      $('input[name="receiver_airport_name"]').val(receiver_airport_name);
    },
  });
}

function copy_data(thisObj){
  var copyText = thisObj.getAttribute("data-value");
  var dummy = document.createElement("textarea");
  document.body.appendChild(dummy);
  dummy.value = copyText;
  dummy.select();
  document.execCommand("copy");
  document.body.removeChild(dummy);
}

function openVolumetricCalculationModal(){
  $('#volumetric_calculation_modal').modal('show');
}

function volumetricCalculation(){
  var form = $("#volumetric_calculation_modal");
  var height = $.trim($(form).find('input[name="height"]').val());
  var length = $.trim($(form).find('input[name="length"]').val());
  var width = $.trim($(form).find('input[name="width"]').val());
  var divisor = $.trim($(form).find('input[name="divisor"]').val());

  if (height == '') {
    $(form).find('.error-block-height').addClass('has-error');
    $(form).find('.error-block-height').find('.hide').removeClass('hide').addClass('show');
    $(form).find('input[name="volumetric_weight"]').val('');
  } else {
    $(form).find('.error-block-height').removeClass('has-error');
    $(form).find('.error-block-height').find('.show').removeClass('show').addClass('hide');
  }

  if (length == '') {
    $(form).find('.error-block-length').addClass('has-error');
    $(form).find('.error-block-length').find('.hide').removeClass('hide').addClass('show');
    $(form).find('input[name="volumetric_weight"]').val('');
  } else {
    $(form).find('.error-block-length').removeClass('has-error');
    $(form).find('.error-block-length').find('.show').removeClass('show').addClass('hide');
  }

  if (width == '') {
    $(form).find('.error-block-width').addClass('has-error');
    $(form).find('.error-block-width').find('.hide').removeClass('hide').addClass('show');
    $(form).find('input[name="volumetric_weight"]').val('');
  } else {
    $(form).find('.error-block-width').removeClass('has-error');
    $(form).find('.error-block-width').find('.show').removeClass('show').addClass('hide');
  }

  if (divisor == '') {
    $(form).find('.error-block-divisor').addClass('has-error');
    $(form).find('.error-block-divisor').find('.hide').removeClass('hide').addClass('show');
    $(form).find('input[name="volumetric_weight"]').val('');
  } else {
    $(form).find('.error-block-divisor').removeClass('has-error');
    $(form).find('.error-block-divisor').find('.show').removeClass('show').addClass('hide');
  }

  if (height != '' && length != '' && width != '' && divisor != '') {
    var calculate = ((height * length * width) / divisor).toFixed(2);
    $(form).find('input[name="volumetric_weight"]').val(calculate);
  }

  var selectedPackage = $('.parcel-entry-form').find('input[name="package_type"]').val();
  if (selectedPackage != null || selectedPackage != '') {
    $.ajax({
      type: "POST",
      url: '{{route('get.package.details')}}',
      data: {'selectedPackage':selectedPackage},
      dataType: "json",
      success: function (res) {
        if(res.status == 'success' && res.data != ''){
          var form = $("#volumetric_calculation_modal");
          var weight_type = res.data.weight_type;
          if (weight_type == 'gm') {
            var calculatedWeight = $(form).find('input[name="volumetric_weight"]').val();
            var newCalculatedWeight = calculatedWeight * 1000;
            $(form).find('input[name="volumetric_weight"]').val(newCalculatedWeight.toFixed(2));
          }
        }
      }
    });
  }
  return false;
}

function setCalculation(){
  var form = $("#volumetric_calculation_modal");
  var height = $.trim($(form).find('input[name="height"]').val());
  var length = $.trim($(form).find('input[name="length"]').val());
  var width = $.trim($(form).find('input[name="width"]').val());
  var volumetric_weight = $.trim($(form).find('input[name="volumetric_weight"]').val());

  if (volumetric_weight == '') {
    volumetricCalculation();
  } else {    
    var remark_content = height +' * ' + length + ' * ' + width;
    var parcelentry_form = $("#parcelentry_save");
    $(parcelentry_form).find('input[name="weight"]').val(volumetric_weight);
    $(parcelentry_form).find('input[name="weight"]').focus();
    $(parcelentry_form).find('textarea[name="remakrs"]').val(remark_content);
    $('#volumetric_calculation_modal').modal('hide');
  }
  return false;
}

function resetGSTCheckBoxes(element, e){
  if(e.currentTarget.checked){
    if (gst_percentage_sum == 0) {
      toastr.error("Please fill the GST type and it's percenrage", 'Error !', {
        onHidden: function () {}
      });
      setTimeout(()=>{
        $(element).iCheck('uncheck');
      },10)
    } else {
      displayGSTPercentage(gst_percentage_sum, cgst_percentage, sgst_percentage, igst_percentage);
    }
  } else {
    displayGSTPercentage(gst_percentage_sum, cgst_percentage, sgst_percentage, igst_percentage);
  }
}

function displayGSTPercentage(gstSum, cgst, sgst, igst){
  $('#parcelentry_save #gst-percentage').html(gstSum);
  var cgst = (cgst != null) ? cgst : '';
  var sgst = (sgst != null) ? sgst : '';
  var igst = (igst != null) ? igst : '';
  $('#parcelentry_save input[name="cgst_lbl"]').val('CGST Amt ('+cgst+'%)');
  $('#parcelentry_save input[name="sgst_lbl"]').val('SGST Amt ('+sgst+'%)');
  $('#parcelentry_save input[name="igst_lbl"]').val('IGST Amt ('+igst+'%)');
  if ($('#parcelentry_save input[name="parcel_with_gst"]').is(':checked') && cgst_percentage > 0) {
    $('.hide-cgst').show();
  } else {
    $('#parcelentry_save input[name="cgst"]').val('');
    $('.hide-cgst').hide();
  }
  if ($('#parcelentry_save input[name="parcel_with_gst"]').is(':checked') && sgst_percentage > 0) {
    $('.hide-sgst').show();
  } else {
    $('#parcelentry_save input[name="sgst"]').val('');
    $('.hide-sgst').hide();
  }
  if ($('#parcelentry_save input[name="parcel_with_gst"]').is(':checked') && igst_percentage > 0) {
    $('.hide-igst').show();
  } else {
    $('#parcelentry_save input[name="igst"]').val('');
    $('.hide-igst').hide();
  }
}

function getGSTPercentage(){
  $.ajax({
    type: "POST",
    url: '{{route('get.gst.percentage')}}',
    dataType: "html",
    success: function (res) {
      $('body').append(res);
      var selector = 'input[type="checkbox"].minimal, input[type="radio"].minimal';
      $('#gst_percentage_modal').find(selector).iCheck({
        checkboxClass: 'icheckbox_minimal-grey',
        radioClass: 'iradio_minimal-grey'
      });
    },
  }).done(function (result) {
    $('#gst_percentage_modal').modal('show');
    closeGSTPercentageModel();
  });
}

function closeGSTPercentageModel() {
  $('#gst_percentage_modal').on('hidden.bs.modal', function () {
    $('#gst_percentage_modal').remove();
  });
}

function setGSTPercentage() {
  var cgst_val = sgst_val = igst_val = null;
  var errorCount = checkedCGST = checkedSGST = checkedIGST = 0;
  var model = $("#gst_percentage_modal");
  if ($('input[name="cgst-type"]').is(':checked')) {
    cgst_val = model.find('input[name="cgst"]').val();
    if (cgst_val == '' || cgst_val == 'null' || cgst_val == 'NULL') {
      errorCount++; checkedCGST = 0;
      model.find('.cgst-input-group').addClass('has-error');
      model.find('#cgst-massage-block').html('<span class="help-block has-error" for="cgst">This field is required.</span>');
    } else {
      checkedCGST = 1;
      clearErrorMassage(model, 'cgst');
    }
  } else {
    checkedCGST = 0;
    clearErrorMassage(model, 'cgst');
  }
  if ($('input[name="sgst-type"]').is(':checked')) {
    sgst_val = model.find('input[name="sgst"]').val();
    if (sgst_val == '' || sgst_val == 'null' || sgst_val == 'NULL') {
      errorCount++; checkedSGST = 0;
      model.find('.sgst-input-group').addClass('has-error');
      model.find('#sgst-massage-block').html('<span class="help-block has-error" for="sgst">This field is required.</span>');
    } else {
      checkedSGST = 1;
      clearErrorMassage(model, 'sgst');
    }
  } else {
    checkedSGST = 0;
    clearErrorMassage(model, 'sgst');
  }
  if ($('input[name="igst-type"]').is(':checked')) {
    igst_val = model.find('input[name="igst"]').val();
    if (igst_val == '' || igst_val == 'null' || igst_val == 'NULL') {
      errorCount++; checkedIGST = 0;
      model.find('.igst-input-group').addClass('has-error');
      model.find('#igst-massage-block').html('<span class="help-block has-error" for="igst">This field is required.</span>');
    } else {
      checkedIGST = 1;
      clearErrorMassage(model, 'igst');
    }
  } else {
    checkedIGST = 0;
    clearErrorMassage(model, 'igst');
  }
  
  if (errorCount <= 0) {
    var Data = [
      {'key': 'CGST', 'value': cgst_val, 'is_display': checkedCGST},
      {'key': 'SGST', 'value': sgst_val, 'is_display': checkedSGST},
      {'key': 'IGST', 'value': igst_val, 'is_display': checkedIGST}
      ];
    
    $.ajax({
      type: "POST",
      url: '{{route('set.gst.percentage')}}',
      data: {'Data':Data},
      dataType: "json",
      beforeSend: function (msg) {
        $(".master-loader").show();
      },
      success: function (res) {
        gst_percentage_sum = res.results.gst_details.percentage_sum;
        cgst_percentage = res.results.gst_details.cgst_percentage;
        sgst_percentage = res.results.gst_details.sgst_percentage;
        igst_percentage = res.results.gst_details.igst_percentage;
        displayGSTPercentage(res.results.gst_details.percentage_sum, cgst_percentage, sgst_percentage, igst_percentage);
        $("#gst_percentage_modal").modal('hide');
        $(".master-loader").fadeOut();
        if (res.success == true && res.code == 200) {
          toastr.success(res.message, 'Success !', {
            onHidden: function () {}
          });
        } else if (res.success == false && res.code == 200) {
          toastr.error('Something went wrong !', 'Error !', {
            onHidden: function () {}
          });
        }
      },
      error: function (jqXHR, exception) {
        $(".master-loader").fadeOut();
      }
    });
  }
  return false;
}

function clearErrorMassage(model, filed) {
  model.find('.'+filed+'-input-group').removeClass('has-error');
  model.find('#'+filed+'-massage-block').html('');
}

</script>
@stop