@extends('panel.layouts.app-for-parcel-entry')
@section('page-title')
<title>
{{ LaraCore::setting('html_prefix') }} {{ (LaraCore::setting('html_prefix') != '') ? '|' : '' }} International Account Booking</title>
@stop
@section('content')
<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.international.account.receipt'),"method"=>"POST","target"=>"_blank"]) }}
      {{ Form::hidden('receips-ids','',['id'=>'receips-ids']) }}
      {{ Form::close() }}
      {{ Form::open(["url"=>route('print.international.vd.receipt'),"method"=>"POST","target"=>"_blank"]) }}
      {{ Form::hidden('receipt-id','',['id'=>'receipt-id']) }}
      {{ Form::close() }}
      {{ Form::open(["url"=>route('print.international.dtd.receipt'),"method"=>"POST","target"=>"_blank", "id"=>"form-dtd-receipt"]) }}
      {{ Form::hidden('receipt-id','',['id'=>'receipt-id-dtd']) }}
      {{ Form::close() }}
      <div class="col-md-1"></div>
      <div class="col-md-5">
        @include('panel.internationalparcelentry.create', [@$data])
        {{-- @if($pdf_import == '1')
        @include('panel.internationalparcelentry.import_model', [@$carriers_options, @$nandan_id])
        @endif --}}
        {{-- @include('panel.internationalparcelentry.offline_parcel_create') --}}
      </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" href="#">BOOKINGS</a></b></label>
                <div class="pull-right">
                  <label><b><a class="cstmLink show-tooltip" data-toggle="tooltip" title="Send SMS" target= "_blank" href="{{route("get.parcels.data")}}"><i class="fa fa-comment"></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)
                {{-- @php
                $parcel[$weight_type] = $weight_type;
                @endphp --}}
                @include('panel.internationalparcelentry.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>
<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>
@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 src="{{ laracore_assets('dist/js/dw_tooltip_c.js') }}"></script>
<script type="text/javascript">
  dw_Tooltip.defaultProps = {
    wrapFn: dw_Tooltip.wrapImageToWidth
  }
  dw_Tooltip.content_vars = {
    L3: {
      img: 'http://icdn.pro/images/fr/a/v/avatar-barbe-brun-homme-utilisateur-icone-9665-128.png',
      w: 150,
      h: 150
    }
  }
</script>
<script type="text/javascript">
  var rows_selected  = "";
  var clients = ["{!! implode('","',@$clients_options) !!}"];
  var centers = ["{!! implode('","',@$centers_for_parcel) !!}"];
  var carriers = ["{!! implode('","',@$carriers_options) !!}"];
  var types = ["{!! implode('","',@$packagetypes_options) !!}"];
  var receivers = ["{!! implode('","',@$receivers_options) !!}"];
  var proofType = ["{!! implode('","',@$proofType) !!}"];
  var weight_type = "{{@$weight_type}}";
  var is_available_reference_number = {{json_encode($is_available_reference_number)}};
  var otherChargeTypeArray = null;
  $(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();
    //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="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+"/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=center_id]').focus();
      }
    });

    $('input[name=center_id]').bind('keypress', function(e) {
      if(e.keyCode==13){
        $('.state-region').removeClass('hide');
        $('select[id=state]').focus();
      }
    });

    $('input[name=receiver_id]').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=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=weight]').bind('keypress', function(e) {
      if(e.keyCode==13){
        $('input[name=amont]').focus();
      }
    });

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

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

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

    $('input[name=parcel_value]').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');
        $('.state-region').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=weight]").focus(function() { $(this).select(); } );
  });

$(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 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','');
        $('.state-region').addClass('hide');
        $('.type_typeahead').typeahead('val','');
        $('input[name="amont"], input[name="net_amt"], input[name="consignment_no"], input[name="reference_number"], input[name=number_of_box], input[name=custom_duty], input[name=ess_charge], input[name=fuel_charge], input[name=parcel_value], textarea[name="remakrs"], input[name="insurance_amt"]').val('');
        $('input[name="consignment_no"]').removeClass('cstm-consignment-no');
        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');
        $('select[name="other_charge[]"]').val('');
        $('input[name="other_charge_amount[]"]').val('');
        $('#other_charge_html').html('');
        $("#mainDiv").find('#other_charge').attr("onchange","addNewChargesBoxes(this)");

        totalIndicator(0,'hide')
        $('#create_parcelentry').html('Add');
        saveDisabled();
        refreshPendingParcel();
        var all_clients = '';
        if(data['results']['client_concat'] == ''){
          all_clients = clients;
        }else{
          clients.push(data['results']['client_concat']);
          all_clients = clients;
        }
        $('.client_typeahead').typeahead('destroy').typeahead({
          hint: true,
          highlight: true,
          minLength: 1,
        },
        {
          limit: 7,
          source: substringMatcher(all_clients)
        });

        var all_center = '';
        if(data['results']['center_concat'] == ''){
          all_center = centers;
        }else{
          centers.push(data['results']['center_concat']);
          all_center = centers;
        }
        $('.center_typeahead').typeahead('destroy').typeahead({
          hint: true,
          highlight: true,
          minLength: 1,
        },
        {
          limit: 10,
          source: substringMatcher(all_center)
        });

        var all_receiver = '';
        if(data['results']['receiver_concat'] == ''){
          all_receiver = receivers;
        }else{
          receivers.push(data['results']['receiver_concat']);
          all_receiver = receivers;
        }
        $('.receiver_typeahead').typeahead('destroy').typeahead({
          hint: true,
          highlight: true,
          minLength: 1
        },
        {
          limit: 7,
          source: substringMatcher(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_proof_type], input[name=client_proof_no]').val('');
        }

        if ($('input[name="parcel_auto_center"]').is(':checked')) {
          if(data['results'].new_center != '') {
            $('.center_typeahead').typeahead('val', data['results']['new_center'].id+' - '+data['results']['new_center'].name);
            $('.edit-center-btn').attr('data-id', data['results']['new_center'].id).removeClass('hide');
          }
        } 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=recriver_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-parcel');
      $(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');
      var totalError = Object.keys(Response.errors).length;
      if ( Response.errors.hasOwnProperty('consignment_no') ) {
        $(ErrorBlock).find('input[name="consignment_no"]').parents('.input-group').removeClass('margin-top-text-parcel');
        $(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-parcel');
          $(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 + '/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="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('.center_typeahead').typeahead('val',data.centers_options[parcelItem.center_id]);
      parcelForm.find('input[name="address"]').val(parcelItem.address);
      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('.client_proof_typeahead').typeahead('val',data.proofType[parcelItem.client_proof_type]);
      parcelForm.find('.receiver_proof_typeahead').typeahead('val',data.proofType[parcelItem.receiver_proof_type]);
      parcelForm.find('input[name="client_proof_no"]').val(parcelItem.client_proof_no);
      parcelForm.find('input[name="receiver_proof_no"]').val(parcelItem.receiver_proof_no);
      parcelForm.find('input[name="recriver_airport_name"]').val(parcelItem.recriver_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="ess_charge"]').val(parcelItem.ess_charge);
      parcelForm.find('input[name="fuel_charge"]').val(parcelItem.fuel_charge);
      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="weight"]').val(parcelItem.weight);
      parcelForm.find('input[name="parcel_value"]').val(parcelItem.parcel_value);
      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);
      $('#other_charge_html').html('');
      
      $('.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');

      if (Array.isArray(data.other_charges) && data.other_charges.length) {
        if (data.other_charges.length == 1) {
          parcelForm.find('select[name="other_charge[]"]').val(data.other_charges[0].charge_type);
          parcelForm.find('input[name="other_charge_amount[]"]').val(data.other_charges[0].charge_amount);
        } else if (data.other_charges.length > 1) {
          var incr = 1;
          $.each(data.other_charges, function( index, value ) {
            if (index == 0) {
              parcelForm.find('select[name="other_charge[]"]').val(value.charge_type);
              parcelForm.find('input[name="other_charge_amount[]"]').val(value.charge_amount);
            } else {
              var other_charge_html = '<div id="'+incr+'">';
              other_charge_html += '<div class="col-md-8">';
              other_charge_html += '<div class="form-group has-feedback">';
              other_charge_html += '<select class="form-control filter" id="other_charge" onchange="addNewChargesBoxes(this)" name="other_charge[]">';
              $.each(otherChargeTypeArray, function( index, value ) {
                if (index == '') {
                  other_charge_html += '<option value="'+index+'" selected="selected">'+value+'</option>';
                } else {
                  other_charge_html += '<option value="'+index+'">'+value+'</option>';
                }
              });
              other_charge_html += '</select>';
              other_charge_html += '</div>';
              other_charge_html += '</div>';

              other_charge_html += '<div class="col-md-3">';
              other_charge_html += '<div class="form-group has-feedback">';
              other_charge_html += '<input class="form-control padd-right-text other_charge_amount" placeholder="Amount" onfocusout="validateAndChargeAmount(this)" name="other_charge_amount[]" type="text" value="'+value.charge_amount+'" data-id="'+incr+'">';
              other_charge_html += '</div>';
              other_charge_html += '</div>';

              other_charge_html += '<div class="col-md-1">';
              other_charge_html += '<a href="javascript:;" class="btn btn-action" onclick="removeOtherChargeHTML('+incr+')" data-toggle="tooltip" title="Delete Charge"><span class="fa fa-trash"></span></a>';
              other_charge_html += '</div>';
              other_charge_html += '<div class="clearfix"></div>';
              other_charge_html += '</div>';
              $("#other_charge_html").append(other_charge_html);
              $('#'+incr+'').find('#other_charge').val(value.charge_type);
              incr++;
            }
          });
        }
      } else {
        console.log('blank');
      }

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

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 + '/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 + '/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 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,
  },
  {
    limit: 7,
    source: substringMatcher(clients)
  }).on('typeahead:selected', function($e, datum) {
    saveDisabled();
    getSelectedClientData(datum.split(" - ")[0]);
    $('input[name="center_id"]').focus();
    $('.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_proof_type]').val('');
      $('input[name=client_proof_no]').val('');
    }
  });

  $('.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();
    // getReceiverCarriers(datum);
    $('.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
  },
  {
    limit: 7,
    source: substringMatcher(receivers)
  }).on('typeahead:selected', function($e, datum) {
    $('input[name="mobile"]').focus();
    saveDisabled();
    getReceiverImage(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=recriver_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();
  });

  $('.client_proof_typeahead').typeahead('destroy').typeahead({
    hint: true,
    highlight: true,
    minLength: 0,
  },
  {
    source: substringMatcher(proofType)
  }).on('typeahead:selected', function($e, datum) {
    $('input[name="client_proof_no"]').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 getReceiverImage(receiverId){
  var receiverId = receiverId;
  $.ajax({
    type: "POST",
    url: '{{route('get.receiver.image.mobile')}}',
    data: {receiverId:receiverId},
    dataType: "json",
    success: function(res) {
      var fname = res.image;
      var mobile = res.receiverMobile;
      $('input[name="mobile"]').val(mobile);
      dw_Tooltip.defaultProps = {
        wrapFn: dw_Tooltip.wrapImageToWidth
      }
      dw_Tooltip.content_vars = {
        L3: {
          img: APP_URL+'/assets/uploads/receiver/'+fname,
          w: 250,
          h: 250
        }
      }
    },
  });
}

function getPackageTypes(){
  var client = $('input[name="client_id"]').val();
  $.ajax({
    type: "POST",
    url: '{{route('get.client.packagetype')}}',
    data: {client:client},
    dataType: "json",
    success: function(res) {
      $('.type_typeahead').typeahead('destroy').typeahead({
        hint: true,
        highlight: true,
        minLength: 0
      },
      {
        source: substringMatcher(res.types)
      }).on('typeahead:selected', function($e, datum) {
        $('input[name="weight"]').focus();
        saveDisabled();
      });
    },
  });
}

function getCarrierBarcode(){
  var carrier = $('input[name="carrier_id"]').val();
  $.ajax({
    type: "POST",
    url: '{{route('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"]'))
      }
    },
  });
  setTimeout(function(){ $('input[name="consignment_no"]').focus(); }, 100);
}

function getReceiverCarriers(center){
  $('.carrier_typeahead').typeahead('val','');
  $.ajax({
    type: "POST",
    url: '{{route('get.receiver.carriers')}}',
    data: {center:center},
    dataType: "json",
    success: function(res) {
      $('.carrier_typeahead').typeahead('destroy').typeahead({
        hint: true,
        highlight: true,
        minLength: 0
      },
      {
        source: substringMatcher(res.carriers)
      }).on('typeahead:selected', function($e, datum) {
        $('.type_typeahead').focus();
        saveDisabled();
      });

        // $('.carrier_typeahead').focus();
      },
    });
}

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 receiver_id = $(WholeForm).find('input[name="receiver_id"]').val();
  var center_id = $(WholeForm).find('input[name="center_id"]').val();
  if(weight == ''){
    return;
  }
  $.ajax({
    type: "POST",
    url: '{{route('get.client.price')}}',
    data: {'client':client, 'carrier':carrier, 'package_type':package_type, 'receiver_id':receiver_id, 'weight':weight, 'center':center_id},
    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 otherChargeAmountArray = $(".other_charge_amount").map(function() {
    return $(this).val();
  }).get();
  var chargeAmountValue = 0;
  $.each(otherChargeAmountArray, function( index, value ) {
    if (value == '' || value ==null) {
      return;
    } else {
      chargeAmountValue = parseFloat(chargeAmountValue) + parseFloat(value);
    }
  });

  var grossAmt = ($('input[name="amont"]').val() !='' ? parseFloat($('input[name="amont"]').val()) : 0);
  var grossWithOther = grossAmt + chargeAmountValue;

  var essChargePer = ($('input[name="ess_charge"]').val() !='' ? parseFloat($('input[name="ess_charge"]').val()) : 0);
  var essChargeAmt = (grossWithOther * essChargePer)/100;
  var grossOtherEssAmt = grossWithOther + essChargeAmt;

  var fuelChargePer = ($('input[name="fuel_charge"]').val() !='' ? parseFloat($('input[name="fuel_charge"]').val()) : 0);
  var fuelChargeAmt = (grossOtherEssAmt * fuelChargePer)/100;

  var insAmt = ($('input[name="insurance_amt"]').val() !='' ? parseFloat($('input[name="insurance_amt"]').val()) : 0);

  var totAmount = parseFloat(grossAmt) + parseFloat(chargeAmountValue) + parseFloat(essChargeAmt) + parseFloat(fuelChargeAmt) + parseFloat(insAmt);
  var total = parseFloat(totAmount);
  $('input[name="net_amt"]').val(total.toFixed(2));
}

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=consignment_no]').val('');
  $('input[name=reference_number]').val('');
  $('input[name="consignment_no"]').next('.input-group-addon').removeClass('label-success');
  $('input[name="consignment_no"]').removeClass('cstm-consignment-no');
  $('.client_typeahead').typeahead('val','');
  $('.center_typeahead').typeahead('val','');
  $('.state-region').addClass('hide');
  $('.receiver_typeahead').typeahead('val','');
  $('.carrier_typeahead').typeahead('val','');
  $('.type_typeahead').typeahead('val','');
  $('input[name=address]').val('');
  if (weight_type == 'gm') {
    $('input[name=weight]').val('100');
  } else {
    $('input[name=weight]').val('1');
  }
  $('input[name=mobile]').val('');
  $('input[name=insurance_amt]').val('');
  $('input[name=amont]').val('');
  $('input[name=parcel_value]').val('');
  $('input[name=net_amt]').val('');
  $('input[name=id]').val('');
  $('input[name=client_proof_type]').val('');
  $('input[name=client_proof_no]').val('');
  $('input[name=receiver_proof_type]').val('');
  $('input[name=receiver_proof_no]').val('');
  $('input[name=recriver_airport_name]').val('');
  $('input[name=number_of_box]').val('');
  $('input[name=custom_duty]').val('');
  $('input[name=ess_charge]').val('');
  $('input[name=fuel_charge]').val('');
  $('select[name="other_charge[]"]').val('');
  $('input[name="other_charge_amount[]"]').val('');
  $('textarea[name="remakrs"]').val('');
  $('#other_charge_html').html('');
  $("#mainDiv").find('#other_charge').attr("onchange","addNewChargesBoxes(this)");
  $('#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 getKeyClient(element){
  var str = $('input[name="client_id"]').val();
  $.ajax({
    type: "POST",
    url: '{{route('get.key.clients')}}',
    data: {'str':str},
    dataType: "json",
    success: function (res) {
      if(res.status == 'success'){
        var search_clients = res.clients;
        $('.client_typeahead').typeahead('destroy').typeahead({
          hint: true,
          highlight: true,
          minLength: 1,
        },
        {
          source: substringMatcher(search_clients)
        }).on('typeahead:selected', function($e, datum) {
          getClientDetails();
          saveDisabled();
          getPackageTypes();
          $('input[name="center_id"]').focus();
          $('.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');
          }
        });
        $('.client_typeahead.tt-input').focus();
      }
    }
  });
}

function checkConsignmentNo(number){
  var consign_no = $('input[name="consignment_no"]').val();
  var carrier_name = $('input[name="carrier_id"]').val();
  $.ajax({
    type: "POST",
    url: '{{route('get.check.consignment')}}',
    data: {'consign_no':consign_no, 'carrier_name':carrier_name},
    dataType: "json",
    success: function (res) {
      if(res.status == 'success'){
        var consignment_status = res.consignment_status;
        if(consignment_status == '1'){
          $('input[name="consignment_no"]').addClass('cstm-consignment-no');
        }else{
          $('input[name="consignment_no"]').removeClass('cstm-consignment-no');
        }
      }
    }
  });
}

function checkCenterNewOrNot(element){
  var WholeForm = $('.parcel-entry-form');
  var center = $(WholeForm).find('input[name="center_id"]').val();
  var firstCharacter = center.charAt(0)
  if(isNaN(firstCharacter)){
    $('.state-region').removeClass('hide');
    $('select[id=state]').focus();
  }
}

function printInternationalAccountReceipt(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 printDTDReceipt(element){
  var Id = $(element).attr('data-id');
  $('#receipt-id-dtd').val(Id);
  $('#form-dtd-receipt').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 getSelectedClientData(clientId){
  var clientId = clientId;
  $.ajax({
    type: "POST",
    url: '{{route('get.selected.client.data')}}',
    data: {clientId:clientId},
    dataType: "json",
    success: function(res) {
      var client_proof_type = res.clientProofType;
      var client_proof_no = res.clientProofNo;
      $('.client_proof_typeahead').typeahead('val',client_proof_type);
      $('input[name="client_proof_no"]').val(client_proof_no);
    },
  });
}

function getSelectedReceiverData(receiverId){
  var receiverId = receiverId;
  $.ajax({
    type: "POST",
    url: '{{route('get.selected.receiver.data')}}',
    data: {receiverId:receiverId},
    dataType: "json",
    success: function(res) {
      var receiver_address = res.receiverAddress;
      var receiver_mobile = res.receiverMobile;
      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="mobile"]').val(receiver_mobile);
      $('input[name="receiver_proof_no"]').val(receiver_proof_no);
      $('input[name="recriver_airport_name"]').val(receiver_airport_name);
    },
  });
}

var incr = 1;
function addNewChargesBoxes(element){
  $(element).removeAttr("onchange");

  var other_charge_html = '<div id="'+incr+'">';
  other_charge_html += '<div class="col-md-8">';
  other_charge_html += '<div class="form-group has-feedback">';
  other_charge_html += '<select class="form-control filter select2" id="other_charge" onchange="addNewChargesBoxes(this)" name="other_charge[]">';
  $.each(otherChargeTypeArray, function( index, value ) {
    if (index == '') {
      other_charge_html += '<option value="'+index+'" selected="selected">'+value+'</option>';
    } else {
      other_charge_html += '<option value="'+index+'">'+value+'</option>';
    }
  });
  other_charge_html += '</select>';
  other_charge_html += '</div>';
  other_charge_html += '</div>';

  other_charge_html += '<div class="col-md-3">';
  other_charge_html += '<div class="form-group has-feedback">';
  other_charge_html += '<input class="form-control padd-right-text other_charge_amount" placeholder="Amount" onfocusout="validateAndChargeAmount(this)" name="other_charge_amount[]" type="text" value="" data-id="'+incr+'">';
  other_charge_html += '</div>';
  other_charge_html += '</div>';

  other_charge_html += '<div class="col-md-1">';
  other_charge_html += '<a href="javascript:;" class="btn btn-action" onclick="removeOtherChargeHTML('+incr+')" data-toggle="tooltip" title="Delete Charge"><span class="fa fa-trash"></span></a>';
  other_charge_html += '</div>';
  other_charge_html += '<div class="clearfix"></div>';
  other_charge_html += '</div>';
  $("#other_charge_html").append(other_charge_html);
  incr++;
}

function removeOtherChargeHTML(div_id){
  var minus_div_id = parseFloat(div_id) - 1;
  var plus_div_id = parseFloat(div_id) + 1;
  if ($("#"+plus_div_id+"").length > 0) {
  } else {
    var hasAttr = $("#"+minus_div_id+"").find('#other_charge').attr('onchange');
    if (typeof hasAttr !== typeof undefined && hasAttr !== false) {
    } else {
      if (minus_div_id == 0) {
        $("#mainDiv").find('#other_charge').attr("onchange","addNewChargesBoxes(this)");
      } else {
        $("#"+minus_div_id+"").find('#other_charge').attr("onchange","addNewChargesBoxes(this)");
      }
    }
  }
  $("#"+div_id+"").remove();
  getTotal();
}

function validateAndChargeAmount(element){
  var chargeAmount = $(element).val()
  var htmlDivId = $(element).attr('data-id');
  var charge_type_value = $('#'+htmlDivId+'').find('#other_charge').val();
  if (charge_type_value == '' || charge_type_value == null) {
    $(element).val('');
  }
  var otherChargeAmountArray = $(".other_charge_amount").map(function() {
    return $(this).val();
  }).get();
  var chargeAmountValue = 0;
  $.each(otherChargeAmountArray, function( index, value ) {
    if (value == '' || value ==null) {
      return;
    } else {
      chargeAmountValue = parseFloat(chargeAmountValue) + parseFloat(value);
    }
  });
  var grossAmt = ($('input[name="amont"]').val() !='' ? parseFloat($('input[name="amont"]').val()) : 0);
  var grossWithOther = grossAmt + chargeAmountValue;

  var essChargePer = ($('input[name="ess_charge"]').val() !='' ? parseFloat($('input[name="ess_charge"]').val()) : 0);
  var essChargeAmt = (grossWithOther * essChargePer)/100;
  var grossOtherEssAmt = grossWithOther + essChargeAmt;

  var fuelChargePer = ($('input[name="fuel_charge"]').val() !='' ? parseFloat($('input[name="fuel_charge"]').val()) : 0);
  var fuelChargeAmt = (grossOtherEssAmt * fuelChargePer)/100;

  var insAmt = ($('input[name="insurance_amt"]').val() !='' ? parseFloat($('input[name="insurance_amt"]').val()) : 0);

  var totAmount = parseFloat(grossAmt) + parseFloat(chargeAmountValue) + parseFloat(essChargeAmt) + parseFloat(fuelChargeAmt) + parseFloat(insAmt);
  var total = parseFloat(totAmount);
  $('input[name="net_amt"]').val(total.toFixed(2));
}

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;
}

</script>
@stop