@extends('panel.layouts.app-for-parcel-entry')
@section('page-title')
<title>
{{ LaraCore::setting('html_prefix') }} {{ (LaraCore::setting('html_prefix') != '') ? '|' : '' }} 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 BOOKING : {{$remaining_parcel}}</label>
        </div>
      </div>
      <div class="col-md-1"></div>
    </div>
    @endif
    <div class="row">
      {!! Form::open(["url"=>route('print.account.receipt'),"method"=>"POST","target"=>"_blank"]) !!}
      {{ Form::hidden('receips-ids','',['id'=>'receips-ids']) }}
      {{ Form::close() }}
      {{ Form::open(["url"=>route('print.vd.receipt'),"method"=>"POST","target"=>"_blank"]) }}
      {{ Form::hidden('receipt-id','',['id'=>'receipt-id']) }}
      {{ Form::close() }}
      {{ Form::open(["url"=>route('print.account.carrier.receipt'),"method"=>"POST","target"=>"_blank"]) }}
      {{ Form::hidden('carrier-receipt-ids','',['id'=>'carrier-receipt-ids']) }}
      {{ Form::hidden('carrier-id','',['id'=>'carrier-id']) }}
      {{ Form::hidden('carrier-name','',['id'=>'carrier-name']) }}
      {{ Form::close() }}
      {!! Form::open(["url"=>route('print.format.receipt'),"method"=>"POST","target"=>"_blank"]) !!}
      {{ Form::hidden('ids','',['id'=>'format-receipt-id']) }}
      {{ Form::close() }}
      <div class="col-md-1"></div>
      <div class="col-md-5">
        @include('panel.parcelentry.create', [@$data])
        @if($pdf_import == '1')
        @include('panel.parcelentry.import_model', [@$carriers_options, @$nandan_id])
        @endif
        @include('panel.parcelentry.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" {{($is_user_edit_booking == true) ? "target=_blank" : ""}} href={{($is_user_edit_booking == true) ? route("get.parcel.list") : "javascript:void(0)"}} >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)
                @include('panel.parcelentry.parcel_item',[$parcel, $allLists, $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">
/* 2 functions that can be used to vary tooltip width according to image width:
dw_Tooltip.wrapImageToWidth and dw_Tooltip.wrapToWidth
See www.dyn-web.com/code/tooltips/documentation2.php#wrapFn for info */
  dw_Tooltip.defaultProps = {
    //supportTouch: true, // set false by default
    wrapFn: dw_Tooltip.wrapImageToWidth
  }

// Problems, errors? See http://www.dyn-web.com/tutorials/obj_lit.php#syntax

  dw_Tooltip.content_vars = {
    L3: {
      img: 'https://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 weight_type = "{{@$weight_type}}";
  var eway_bill_percentage = "{{@$eway_bill_percentage}}";
  var is_available_reference_number = {{json_encode($is_available_reference_number)}};
  var is_show_parcel_booking_with_number_of_box = "{!! json_encode($is_show_parcel_booking_with_number_of_box) !!}";
  var is_show_parcel_booking_with_doc_charge = "{!! json_encode($is_show_parcel_booking_with_doc_charge) !!}";
  var is_show_parcel_booking_with_oda_charge = "{!! json_encode($is_show_parcel_booking_with_oda_charge) !!}";
  var is_doc_and_oda_both_show = "{!! json_encode($is_doc_and_oda_both_show) !!}";
  var is_show_parcel_booking_with_fov_charge = "{!! json_encode($is_show_parcel_booking_with_fov_charge) !!}";
  var domestic_account_booking_json;
  
  $(document).ready(function () {
    setCookie();
    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="import_data"]', function (e) {
      e.preventDefault();
      readImportData();
    });

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

    $(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('keydown', function(e) {
      if(e.key === "Enter"){
        focusNextField('client_id');
      }
    });

    $('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.key === "Enter"){
        focusNextField('receiver_id');
      }
    });

    $('input[name=mobile]').bind('keypress', function(e) {
      if(e.key === "Enter"){
        focusNextField('mobile');
      }
    });

    $('input[name=consignment_no]').bind('keypress', function(e) {
      if(e.key === "Enter"){
        if (is_available_reference_number == true) {
          focusNextField('consignment_no');
        } else {
          focusNextField('reference_number');
        }
      }
    });

    $('input[name=reference_number]').bind('keypress', function(e) {
      if(e.key === "Enter"){
        focusNextField('reference_number');
      }
    });

    $('input[name=weight]').bind('keypress', function(e) {
      if(e.key === "Enter"){
        if (is_show_parcel_booking_with_number_of_box == 'true') {
          focusNextField('weight');
        } else {
          focusNextField('number_of_box');
        }
      }
    });

    $('input[name=number_of_box]').bind('keypress', function(e) {
      if(e.key === "Enter"){
        focusNextField('number_of_box');
      }
    });

    $('input[name=amont]').bind('keypress', function(e) {
      if(e.key === "Enter"){
        focusNextField('amont');
      }
    });    

    $('input[name=insurance_amt]').bind('keypress', function(e) {
      if(e.key === "Enter"){
        if(is_doc_and_oda_both_show == 'false') {
          if (is_show_parcel_booking_with_doc_charge == 'true') {
            focusNextField('insurance_amt');
          } else if (is_show_parcel_booking_with_oda_charge == 'true') {
            focusNextField('doc_amt');
          } else {
            focusNextField('oda_amt');
          }
        } else {
          focusNextField('insurance_amt');
        }
      }
    });

    $('input[name=doc_amt]').bind('keypress', function(e) {
      if(e.key === "Enter"){
        if (is_show_parcel_booking_with_oda_charge == 'true') {
          focusNextField('doc_amt');
        } else {
          focusNextField('oda_amt');
        }
      }
    });

    $('input[name=oda_amt]').bind('keypress', function(e) {
      if(e.key === "Enter"){
        focusNextField('oda_amt');
      }
    });

    $('input[name=parcel_value]').bind('keypress', function(e) {
      if(e.key === "Enter"){
        if(is_show_parcel_booking_with_fov_charge == 'true') {
          focusNextField('parcel_value');
        } else {
          $('button[name=create_parcelentry]').focus();
        }
      }
    });

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

    $('input[name=parcel_value_amt]').bind('keypress', function(e) {
      if(e.key === "Enter" || 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(); } );

    $('.hide-eway-bill').hide();
    gstEWayBillEvent();
    
  });

$(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 autoBarcode = false;
  if ($('input[name="parcel_auto_carrier"]').is(':checked') && $('input[name="barcode_auto_increment"]').is(':checked')){
    autoBarcode = true;
  }
  var parcel_auto_sender = $('input[name="parcel_auto_sender"]').is(':checked');
  var parcel_auto_center = $('input[name="parcel_auto_center"]').is(':checked');
  var parcel_auto_receiver = $('input[name="parcel_auto_receiver"]').is(':checked');
  var parcel_auto_carrier = $('input[name="parcel_auto_carrier"]').is(':checked');
  var parcel_auto_package = $('input[name="parcel_auto_package"]').is(':checked');
  var parcel_auto_weight = $('input[name="parcel_auto_weight"]').is(':checked');
  var whats_app_send_to_sender = $('input[name="wa_domestic_account_sender_remember"]').is(':checked');
  var whats_app_send_to_receiver = $('input[name="wa_domestic_account_receiver_remember"]').is(':checked');
  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,
    data: { auto_barcode: autoBarcode, parcel_auto_sender: parcel_auto_sender, parcel_auto_center: parcel_auto_center, parcel_auto_receiver: parcel_auto_receiver, parcel_auto_carrier: parcel_auto_carrier, parcel_auto_package: parcel_auto_package, parcel_auto_weight: parcel_auto_weight, whats_app_send_to_sender: whats_app_send_to_sender, whats_app_send_to_receiver: whats_app_send_to_receiver },
    success: function(data) {
      getCookieData();
      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','');
        // $('.center_typeahead').typeahead('val','');
        $('.state-region').addClass('hide');
        $('.type_typeahead').typeahead('val','');
        $('input[name="consignment_no"], input[name="reference_number"], input[name="number_of_box"], input[name="amont"], input[name="insurance_amt"], input[name="eway_bill_amt"], input[name=doc_amt], input[name=oda_amt], input[name=parcel_value], input[name=fov_amt], input[name=parcel_value_amt], input[name="net_amt"], textarea[name="remakrs"]').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');

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

        if ( data['results']['new_auto_consignment_no'] != '' ) {
          $('input[name="consignment_no"]').val(data['results']['new_auto_consignment_no']);
          blink($('#parcelentry_save').find('input[name="consignment_no"]'))
        }

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

        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="mobile"]').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();
        focusNextField('save');

        // 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]);
        $(ErrorBlock).find('label[for="consignment_no"]').html('Consignment already used.');
      } 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 + '/parcelentry/' + Id + '/edit';       
  $.ajax({
    type: "GET",
    url: url,
    data: {},
    dataType: "json",
    success: function (res) {
      var parcelItem = res.data.parcelentry;
      var receiversObj = res.data.receivers_options;
      const clientId = Object.keys(receiversObj);
      var Id = clientId;
      var APP_URL = $('meta[name="_base_url"]').attr('content');
      var url = APP_URL + '/parcelentry/' + Id + '/get-image';
      $.ajax({
        type: "GET",
        url: url,
        data: "id=" + Id,
        dataType: "json",
        success: function (res) {
          const img = res.image;
          dw_Tooltip.content_vars = {
            L3: {
              img: APP_URL+'/assets/uploads/receiver/'+img,
              w: 150,
              h: 150
            }
          }
        }
      });
      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="number_of_box"]').val(parcelItem.number_of_box);
      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('.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('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="eway_bill_amt"]').val(parcelItem.eway_bill_amt);
      parcelForm.find('input[name="doc_amt"]').val(parcelItem.doc_amt);
      parcelForm.find('input[name="oda_amt"]').val(parcelItem.oda_amt);
      parcelForm.find('input[name="amont"]').val(parcelItem.amont);
      parcelForm.find('input[name="parcel_value"]').val(parcelItem.parcel_value);
      parcelForm.find('input[name="fov_amt"]').val(parcelItem.fov_amt);
      parcelForm.find('input[name="parcel_value_amt"]').val(parcelItem.parcel_value_amt);
      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');
      gstEWayBillEvent();
      
      if (parcelItem.eway_bill_amt != null) {
        $('input[name="e_way_bill"]').iCheck('check')
      } else {
        $('input[name="e_way_bill"]').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 + '/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 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{
    $(".master-loader").show();
    form.find("#import_data").attr("disabled","disabled");
    $.ajax({
      type: "POST",
      url: url,
      data: formData,
      success: function (res) {
        $(".master-loader").fadeOut( "slow" );
        if(res.status == 'success'){
          form.find('textarea').val('');
          form.find("#import_data").removeAttr("disabled");
          toastr.success('Parcels imported successfully !', 'Success !', { onHidden: function() {          
          }});
          setTimeout(function() {
            location.reload();
          }, 2000);
        }else if(res.status == 'fail' || res.status == ''){
          form.find("#import_data").removeAttr("disabled");
          toastr.error('Incomplete import data !', 'Error !', { onHidden: function() {          
          }});
        }else if(res.status == 'update'){
          form.find("#import_data").removeAttr("disabled");
          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() {          
          }});
        }
      },
      error: function (jqXHR, exception) {
        $(".master-loader").fadeOut( "slow" );
        form.find("#import_data").removeAttr("disabled");
        toastr.error('Something went wrong !', 'Error !', { onHidden: function() {
        }});
      }
    });
    return false;
  }
}

function offlineParcelData(){
  var form = $("#offline_parcel_entry");
  var formData = $(form).serialize();
  var url = $(form).attr('action');    
  $(form).find('.has-error').removeClass('has-error');
  $(form).find('.help-block').html('');
  var type = "POST";
  $(".master-loader").show();
  var options = {
    target: '',
    url: url,
    type: type,
    success: function(data) {
      $(".master-loader").fadeOut( "slow" );
      $(form)[0].reset();
      form.find('input[name="id"]').val('');
      DisplayMessages(data['message'], data['status']);
      if (data['path'] != '' || data['path'] != null) {
        window.location.href = data['path'];
      }
      setTimeout(function() {
        location.reload();
      }, 2000);
    },
    error: function (jqXHR, exception) {
      $(".master-loader").fadeOut( "slow" );
      var Response = jqXHR.responseText;
      ErrorBlock = $(form);
      Response = $.parseJSON(Response);
      DisplayErrorMessages(Response, ErrorBlock, 'input');
    }
  }
  $(form).ajaxSubmit(options);
}

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 focusNextField(currentField) {
  if (domestic_account_booking_json) {
      try {
          var data = JSON.parse(domestic_account_booking_json);
          if (currentField == 'save') {
              for (var key in data) {
                  if (data[key] == null) {
                    $('input[name='+key+']').focus();
                    return false;
                  }
              }
          } else {
            var temp = false;
            for (var key in data) {
                if (key == currentField) {
                  temp = true;
                } else {
                  if (temp == true && data[key] == null) {
                    if (key == 'number_of_box' && is_show_parcel_booking_with_number_of_box == 'false') {
                      continue;
                    }
                    if (key == 'amont') {
                      if (data.weight == true) { 
                        getClientDetails();
                      }
                      $('input[name='+key+']').focus();
                      setTimeout( function() { $('input[name='+key+']').select(); }, 300);
                    } else {
                      $('input[name='+key+']').focus();
                    }
                    return false;
                  }
                }
            }
          }
      } catch (e) {
          console.error('Error parsing JSON data from cookie:', e);
      }
  } else {
      console.log('No cookie data found');
  }
}

function setCookie() {
    let name = "domestic_account_booking_json";
    const data = {
      client_id: null,
      center_id: null,
      receiver_id: null,
      mobile: null,
      carrier_id: null,
      consignment_no: null,
      reference_number: null,
      package_type: null,
      weight: null,
      number_of_box: null,
      amont: null,
      insurance_amt: null,
      doc_amt: null,
      oda_amt: null,
      parcel_value: null,
      fov_amt: null
    };
    let value = JSON.stringify(data);  
    let minutes = 60;

    let expires = "";
    if (minutes) {
        const date = new Date();
        date.setTime(date.getTime() + (minutes * 60 * 1000));
        expires = "; expires=" + date.toUTCString();
    }
    document.cookie = name + "=" + (value || "") + expires + "; path=/";
    getCookieData();
}

function getCookie(name) {
    const cookieName = name + "=";
    const cookieArray = document.cookie.split(';');

    for (let i = 0; i < cookieArray.length; i++) {
        let cookie = cookieArray[i].trim();
        if (cookie.startsWith(cookieName)) {
            return decodeURIComponent(cookie.substring(cookieName.length, cookie.length));
        }
    }

    return null;
}

function getCookieData() {
  domestic_account_booking_json = getCookie('domestic_account_booking_json');
}

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();
    // getPackageTypes();
    focusNextField('client_id');
    $('.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');
    }
  });

  $('.center_typeahead').typeahead('destroy').typeahead({
    hint: true,
    highlight: true,
    minLength: 1,
  },
  {
    limit: 10,
    source: substringMatcher(centers)
  }).on('typeahead:selected', function($e, datum) {
    focusNextField('center_id');
    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) {
    focusNextField('receiver_id');
    saveDisabled();
    getReceiverImage(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');
      receiverTooltip();
    }
  });

  $('.carrier_typeahead').typeahead('destroy').typeahead({
    hint: true,
    highlight: true,
    minLength: 0
  },
  {
    source: substringMatcher(carriers)
  }).on('typeahead:selected', function($e, datum) {
    saveDisabled();
    if ($('input[name="barcode_auto_increment"]').is(':checked') == false) {
      getCarrierBarcode();
    }
    focusNextField('carrier_id');
  });

  $('.type_typeahead').typeahead('destroy').typeahead({
    hint: true,
    highlight: true,
    minLength: 0
  },
  {
    source: substringMatcher(types)
  }).on('typeahead:selected', function($e, datum) {
    focusNextField('package_type');
    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="fov_percentage"]').val(res.fov_percentage);
        $('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 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 carrier = $(WholeForm).find('input[name="carrier_id"]').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, 'package_type':package_type, 'weight':weight, 'center':center_id, 'carrier':carrier},
    dataType: "json",
    success: function(res) {
      if(res.status == 'success' && (res.flag == 'client' || res.flag == 'carrier')){
        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' || res.flag == 'carrier 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();
      }
      // if (is_show_parcel_booking_with_number_of_box == 'true') {
      //   $('input[name=number_of_box]').focus();
      // } else {
      //   $('input[name=amont]').select();
      // }
    }
  });
}

function getTotal(){
  var grossAmt = ($('input[name="amont"]').val() !='' ? $('input[name="amont"]').val() : 0);
  var insAmt = ($('input[name="insurance_amt"]').val() !='' ? $('input[name="insurance_amt"]').val() : 0);
  if ($('input[name="e_way_bill"]').is(':checked')) {
    var eWayBillAmt = ($('input[name="eway_bill_amt"]').val() !='' ? $('input[name="eway_bill_amt"]').val() : 0);
  } else {
    var eWayBillAmt = 0;
  }
  var docAmtElement = $('input[name="doc_amt"]');
  if (docAmtElement.length > 0) {
    var docAmt = docAmtElement.val();
    docAmt = docAmt !== '' ? docAmt : 0;
  } else {
    var docAmt = 0;
  }
  var odaAmtElement = $('input[name="oda_amt"]');
  if (odaAmtElement.length > 0) {
    var odaAmt = odaAmtElement.val();
    odaAmt = odaAmt !== '' ? odaAmt : 0;
  } else {
    var odaAmt = 0;
  }
  var fovAmtElement = $('input[name="fov_amt"]');
  if (fovAmtElement.length > 0) {
    var fovAmt = fovAmtElement.val();
    fovAmt = fovAmt !== '' ? fovAmt : 0;
  } else {
    var fovAmt = 0;
  }
  var parcelValueAmtElement = $('input[name="parcel_value_amt"]');
  if (parcelValueAmtElement.length > 0) {
    var parcelValueAmt = parcelValueAmtElement.val();
    parcelValueAmt = parcelValueAmt !== '' ? parcelValueAmt : 0;
  } else {
    var parcelValueAmt = 0;
  }
  var total = parseFloat(grossAmt) + parseFloat(insAmt) + parseFloat(eWayBillAmt) + parseFloat(docAmt) + parseFloat(odaAmt) + parseFloat(fovAmt) + parseFloat(parcelValueAmt);
  $('input[name="net_amt"]').val(total.toFixed(2));
}

function getFovPercentage(){
  var WholeForm = $('.parcel-entry-form');
  var client = $(WholeForm).find('input[name="client_id"]').val();
  var carrier = $(WholeForm).find('input[name="carrier_id"]').val();
  $.ajax({
    type: "POST",
    url: '{{route('get.fov.percentage')}}',
    data: {'client':client, 'carrier':carrier},
    dataType: "json",
    success: function(res) {
      if(res.status == 'success'){
        $('input[name="fov_amt"]').val('');
        $('input[name="parcel_value_amt"]').val('');
        var fov_percentage = res.fov_percentage;
        var parcel_value_percentage = res.parcel_value_percentage;
        if (fov_percentage > 0) {
          var parcelValue = ($('input[name="parcel_value"]').val() !='' ? $('input[name="parcel_value"]').val() : 0);
          var fovAmout = parseFloat((parcelValue * fov_percentage) / 100);
          $('input[name="fov_amt"]').val(fovAmout.toFixed(2));
          $('input[name="fov_amt"]').select();
          getTotal();
        }
        if (parcel_value_percentage > 0) {
          var parcelValue = ($('input[name="parcel_value"]').val() !='' ? $('input[name="parcel_value"]').val() : 0);
          var parcelValueAmout = parseFloat((parcelValue * parcel_value_percentage) / 100);
          $('input[name="parcel_value_amt"]').val(parcelValueAmout.toFixed(2));
          $('input[name="parcel_value_amt"]').select();
          getTotal();
        }
      }
    }
  });
}

function calculateEwayCharge(){
  var eWayBillValue = ($('input[name="eway_bill_amt"]').val() !='' ? $('input[name="eway_bill_amt"]').val() : 0);
  var eWayBillAmt = ((eWayBillValue != '') ? (eWayBillValue * parseFloat(eway_bill_percentage).toFixed(2))/100 : 0);
  $('input[name="eway_bill_amt"]').val(eWayBillAmt.toFixed(2));
  getTotal();
  if (eWayBillAmt.toFixed(2) > 0) {
    var oldRemarks = $('textarea[name=remakrs]').val();
    $('textarea[name=remakrs]').val(oldRemarks+' '+'E-WayBill: '+eWayBillAmt.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], input[name=reference_number], input[name=number_of_box]').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','');
  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=eway_bill_amt], input[name=doc_amt], input[name=oda_amt]').val('');
  $('input[name=amont]').val('');
  $('input[name=parcel_value], input[name=fov_amt], input[name=parcel_value_amt]').val('');
  $('input[name=net_amt]').val('');
  $('textarea[name=remakrs]').val('');
  $('input[name=id]').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 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 printAccountCarrierReceipt(element){
  var Id = $(element).attr('data-id');
  var CarrierId = $(element).attr('carrier-id');
  var CarrierName = $(element).attr('carrier-name');
  $('#carrier-id').val(CarrierId)
  $('#carrier-name').val(CarrierName)
  $('#carrier-receipt-ids').val(Id).parents('form').submit(); 
}

function printAccountReceipt(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 printFormatReceipt(element){
  var Id = $(element).attr('data-id');
  $('#format-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);
      $('#whatsapp-balance').html(res.whatsAppBalance);
    }
  });
}

function gstEWayBillEvent(){
  $('input[name="e_way_bill"]').on('ifChecked ifUnchecked', function(e){
    if(e.currentTarget.checked){
      $('.hide-eway-bill').show();
      $('input[name="eway_bill_amt"]').focus();
      getTotal();
    } else {
      $('input[name="eway_bill_amt"]').val('');
      $('.hide-eway-bill').hide();
      getTotal();
    }
  });
}

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 updateWhatsAppRememberFlag(type, value) {
  $.ajax({
    url: '{{ route("update.whatsapp.remember.Flag") }}',
    method: 'POST',
    data: {
      key: type,
      value: value
    },
    success: function(response) {
      if (response.status == true) {
        toastr.info(response.massage, 'INFO');
      } else {
        toastr.error(response.massage, 'ERROR');
      }
    }
  });
}

$('input[name="wa_domestic_account_sender_remember"]').on('ifChecked ifUnchecked', function(e) {
  if(e.currentTarget.checked) {
    updateWhatsAppRememberFlag('wa_domestic_account_sender_remember', 'yes');
  } else {
    updateWhatsAppRememberFlag('wa_domestic_account_sender_remember', 'no');
  }
  return false;
});

$('input[name="wa_domestic_account_receiver_remember"]').on('ifChecked ifUnchecked', function(e) {
  if(e.currentTarget.checked) {
    updateWhatsAppRememberFlag('wa_domestic_account_receiver_remember', 'yes');
  } else {
    updateWhatsAppRememberFlag('wa_domestic_account_receiver_remember', 'no');
  }
  return false;
});

</script>
@stop