@extends('panel.layouts.app-for-parcel-entry')
@section('page-title')
<title>
{{ LaraCore::setting('html_prefix') }} {{ (LaraCore::setting('html_prefix') != '') ? '|' : '' }} Cargo 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.cargo.receipt'),"method"=>"POST","target"=>"_blank"]) !!}
      {{ Form::hidden('receips-ids','',['id'=>'receips-ids']) }}
      {{ 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.cargo.create', [@$data])
        {{-- @include('panel.cargo.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) ? "" : ""}} href={{($is_user_edit_booking == true) ? "javascript:void(0)" : "javascript:void(0)"}} >BOOKINGS</a></b></label>
                <div class="pull-right">
                  @if($account_is_multi_branch)
                  <label><b><a class="cstmLink show-tooltip" data-toggle="tooltip" title="Other Branch Booking" target= "_blank" href="{{route("other.branch.bookings")}}"><i class="fa fa-cube"></i> </a></b></label>&nbsp;&nbsp;
                  @endif
                  <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="" disabled selected>Select Options</option>
                      <option value="sender">Sender</option>
                        <option value="center">Center</option>
                        <option value="receiver">Receiver</option>
                        <option value="consignment_no">Consignment 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.cargo.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' =>  'cargo_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++;
        loadMoreData();
      }
    }
  });

  function loadMoreData(status){
    status = status || 'null';
    var keyword = $('#keyword').val();
    $.ajax({
      url: '?page=' + page,
      type: "GET",
      data: {'keyword':keyword, 'status':status},
    })
    .done(function(data){
      if(data.html == ""){
        stopScroll = true;
        return;
      }
      $(".consignment-list:eq(1)").append(data.html);
    })
  }
</script>
<script src="{{ laracore_assets('dist/js/dw_tooltip_c.js') }}"></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 is_multi_branch = "{{@$account_is_multi_branch}}";
  var branches = null;
  if (is_multi_branch == '1') {
    branches = ["{!! ($branches_options != null) ?  implode('","',@$branches_options) : '' !!}"];
  }
  var weight_type = "{{@$weight_type}}";
  var otherChargeTypeArray = null;
  var branch_origin = "{{@$branch_origin}}";
  
  $(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();
    $('.origin_center_typeahead').typeahead('val',branch_origin);
    //changeSenderReceiverValue();
    $('.parcel-entry-form input').on('keyup',function(e){
      if(!$(this).hasClass('tt-input')){
        saveDisabled();
      }
    });

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

    $(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_cargoentry"]', 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_cargo_entry_modal').modal('show');
      }
    });

    $(document).on('click', '#delete_cargo_entry', function(e){
      var parcelentry_ids = rows_selected;
      var formData = { parcels_ids :parcelentry_ids };
      var url = APP_URL+"/cargoes-delete";
      $.ajax({
        type: "POST",
        url: url,
        data: formData,
        dataType: 'json',
        success: function (data) {
          $('#delete_cargo_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=origin_center_id]').focus();
      }
    });

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

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

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

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

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

    $('input[name=number_of_box]').bind('keypress', function(e) {
      if(e.keyCode==13){
        $('input[name=gross_amount]').focus();
        $("input[name=gross_amount]").select();
      }
    });

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

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

    $('input[name=insurance_amt]').bind('keypress', function(e) {
      if(e.keyCode==13){
        $('button[name=create_cargoentry]').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 = $("#cargoentry_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 = $("#cargoentry_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 createCargoEntry(){
  var form = $("#cargoentry_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 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 },
    success: function(data) {
      if (data['results']['limitParcelEntry'] == 'YES') {
        $('#create_cargoentry').html('Add');
        saveDisabled();
        toastr.error('Sorry, you have reached maximum limit of parcel entries, please upgrade to FULL VERSION in order to continue our services!', 'Error !', { onHidden: function() {          
        }});
      } else {
        form.find('input[name="id"]').val('');
        $("#parcelentry_modal").modal('hide');
        DisplayMessages(data['message']);
        if(data['message'] != 'Updated Successfully'){
          $('.consignment-list:eq(1)').prepend(data['results']['item_html']);
          blink($('.consignment-list:eq(1)').find('.item:first'))
        }else{
          var id = data['results']['item'].id;
          $('.consignment-list').find('#parcel_item_'+id).after(data['results']['item_html']).remove();
          blink($('.consignment-list').find('#parcel_item_'+id))
        }
        $('.carrier_typeahead').typeahead('val','');
        
        $('.type_typeahead').typeahead('val','');
        $('input[name="gross_amount"], input[name=parcel_value], input[name="net_amount"], input[name="consignment_no"], input[name="reference_number"], input[name="number_of_box"]').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');
        $('textarea[name="remarks"]').val('');
        $('select[name="other_charge[]"]').val('');
        $('input[name="other_charge_percentage[]"]').val('');
        $('input[name="other_charge_amount[]"]').val('');
        $('#other_charge_html').html('');
        $("#mainDiv").find('#other_charge').attr("onchange","addNewChargesBoxes(this)");

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

        if ( data['results']['new_auto_consignment_no'] != '' ) {
          $('input[name="consignment_no"]').val(data['results']['new_auto_consignment_no']);
          blink($('#cargoentry_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;
        }
        $('.origin_center_typeahead').typeahead('destroy').typeahead({
          hint: true,
          highlight: true,
          minLength: 1,
        },
        {
          limit: 10,
          source: substringMatcher(all_center)
        });
        $('.destination_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 != '') {
        //     $('.origin_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 {
        //   $('.origin_center_typeahead').typeahead('val',branch_origin);
        //   $('.edit-center-btn').addClass('hide');
        //   $('.edit-center-btn').attr('data-id','');
        //   $('.add-center-btn').removeClass('hide');
        // }

        if ($('input[name="parcel_auto_destination"]').is(':checked')) {
          $('.destination_center_typeahead').typeahead('val', data['results']['item'].destination_center_id);
        } else {
          $('.destination_center_typeahead').typeahead('val','');
        }

        $('.to_branch_typeahead').typeahead('val','');

        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();

        var remember = ["parcel_auto_sender", "parcel_auto_destination", "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_destination' && $('input[name="parcel_auto_destination"]').not(':checked').length) {
            $('.destination_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_cargoentry');
    },
    complete:function(){
      buttonLoading('#create_cargoentry');
    },
    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 SetEditCargoEntry(element){
  var Form = $("#cargoentry_save");
  var Id = $(element).attr('data-id');
  var APP_URL = $('meta[name="_base_url"]').attr('content');
  var url = APP_URL + '/cargo/' + Id + '/edit';       
  $.ajax({
    type: "GET",
    url: url,
    data: {},
    dataType: "json",
    success: function (res) {
      var parcelItem = res.data.cargoentry;
      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('.origin_center_typeahead').typeahead('val',data.origin_centers_options[parcelItem.origin_center_id]);
      parcelForm.find('.destination_center_typeahead').typeahead('val',data.destination_centers_options[parcelItem.destination_center_id]);
      parcelForm.find('.to_branch_typeahead').typeahead('val',data.branches_options[parcelItem.to_branch_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_id]);
      parcelForm.find('input[name="mobile"]').val(parcelItem.mobile);
      parcelForm.find('input[name="insurance_amt"]').val(parcelItem.insurance_amt);
      parcelForm.find('input[name="number_of_box"]').val(parcelItem.number_of_box);
      parcelForm.find('input[name="gross_amount"]').val(parcelItem.gross_amount);
      parcelForm.find('input[name="parcel_value"]').val(parcelItem.parcel_value);
      parcelForm.find('input[name="weight"]').val(parcelItem.weight);
      parcelForm.find('input[name="net_amount"]').val(parcelItem.net_amount);
      parcelForm.find('textarea[name="remarks"]').val(parcelItem.remarks);
      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) {
        var incr = 1;
        $.each(data.other_charges, function( index, otherCharge ) {
          var other_charge_html = '<div id="edit'+incr+'">';
          other_charge_html += '<div class="col-md-'+((otherCharge.chargetype.is_percentage == '1') ? '6' : '8')+'">';
          other_charge_html += '<div class="form-group has-feedback">';
          other_charge_html += '<select class="form-control filter" name="other_charge[]">';
          $.each(otherChargeTypeArray, function( index, value ) {
            other_charge_html += '<option value="'+index+'" '+ ((index == otherCharge.other_charge_type_id) ? 'selected' : '')+'>'+value+'</option>';
          });
          other_charge_html += '</select>';
          other_charge_html += '</div>';
          other_charge_html += '</div>';

          other_charge_html += '<div class="col-md-2 '+((otherCharge.chargetype.is_percentage == '1') ? '' : 'hide')+'">';
          other_charge_html += '<div class="form-group has-feedback">';
          other_charge_html += '<input class="form-control padd-right-text" placeholder="%"  name="other_charge_percentage[]" type="text" value="'+otherCharge.percentage+'" onfocusout="calculateOtherChatgeAmount(this)" data-id="edit'+incr+'">';
          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="'+otherCharge.amount+'" data-id="edit'+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(\'edit'+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++;
        });
      }

      initIcheck();
      initSelect();
      initFileInput();
      initRichText();
      initDate('{{AppHelper::dateFormatJS(LaraCore::setting('date_format'))}}');
      initDateRange('{{AppHelper::dateFormatJS(LaraCore::setting('date_format'))}}');
      saveDisabled();
      $('#create_cargoentry').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']);
      $('.origin_center_typeahead').typeahead('val','');
      $('.origin_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 initTypeahead(){
  $('.client_typeahead').typeahead('destroy').typeahead({
    hint: true,
    highlight: true,
    minLength: 1,
  },
  {
    limit: 7,
    source: substringMatcher(clients)
  }).on('typeahead:selected', function($e, datum) {
    saveDisabled();
    $('input[name="origin_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');
    }
  });

  $('.origin_center_typeahead').typeahead('destroy').typeahead({
    hint: true,
    highlight: true,
    minLength: 1,
  },
  {
    limit: 10,
    source: substringMatcher(centers)
  }).on('typeahead:selected', function($e, datum) {
    $('input[name="destination_center_id"]').focus();
    saveDisabled();
  });

  $('.destination_center_typeahead').typeahead('destroy').typeahead({
    hint: true,
    highlight: true,
    minLength: 1,
  },
  {
    limit: 10,
    source: substringMatcher(centers)
  }).on('typeahead:selected', function($e, datum) {
    if (is_multi_branch == '1') {
      $('input[name="to_branch_id"]').focus();
    } else {
      $('input[name="receiver_id"]').focus();
    }
    saveDisabled();
  });

  $('.to_branch_typeahead').typeahead('destroy').typeahead({
    hint: true,
    highlight: true,
    minLength: 1
  },
  {
    limit: 7,
    source: substringMatcher(branches)
  }).on('typeahead:selected', function($e, datum) {
    $('input[name="receiver_id"]').focus();
    saveDisabled();
  });

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

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($('#cargoentry_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_id"]').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="destination_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="gross_amount"]');
        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="gross_amount"]');
        amtField.val(clientAmount);
        if(clientAmount=='null')
          amtField.val('0');

        totalIndicator(clientAmount,'default_show');
        getTotal();
      }
      // $("input[name=gross_amount]").select();
    }
  });
}

function getTotal(){
  var grossAmt = ($('input[name="gross_amount"]').val() !='' ? $('input[name="gross_amount"]').val() : 0);
  var total = parseFloat(grossAmt);
  $('input[name="net_amount"]').val(total.toFixed(2));
  validateAndChargeAmount();
}

function totalIndicator(amount,type){
  var amtField  = $('input[name="gross_amount"]');
  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(); // Get selected criteria
        var page = 1;

        if(keyword == ''){
            stopScroll = false;
            $(".consignment-list:eq(1)").html('');
            loadMoreData();
            return;
        }

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

// Call search function when dropdown value changes
$('#searchCriteria').change(function() {
    searchParcels(); // Trigger search when dropdown value changes
});

function saveDisabled(){
  var btn = $('#create_cargoentry');
  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 = $("#cargoentry_save");
  form.find('.has-error').removeClass('has-error');
  $('input[name=date]').val(cur_date);
  $('input[name=consignment_no], input[name=number_of_box], 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','');
  $('.origin_center_typeahead').typeahead('val','');
  $('.origin_center_typeahead').typeahead('val',branch_origin);
  $('.destination_center_typeahead').typeahead('val','');
  $('.to_branch_typeahead').typeahead('val','');
  $('.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=gross_amount]').val('');
  $('input[name=parcel_value]').val('');
  $('input[name=net_amount]').val('');
  $('textarea[name=remarks]').val('');
  $('input[name=id]').val('');
  $('select[name="other_charge[]"]').val('');
  $('input[name="other_charge_percentage[]"]').val('');
  $('input[name="other_charge_amount[]"]').val('');
  $('#other_charge_html').html('');
  $("#mainDiv").find('#other_charge').attr("onchange","addNewChargesBoxes(this)");
  $('#create_cargoentry').html('Add');

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


  var btn = $('#create_cargoentry');
  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="origin_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 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);
    }
  });
}

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);
  }
  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 {
    if (weight_type == 'gm') {
      var set_volumetric_weight = (volumetric_weight * 1000);
    } else {
      var set_volumetric_weight = volumetric_weight;
    }
    
    var remark_content = height +' * ' + length + ' * ' + width;
    var parcelentry_form = $("#cargoentry_save");
    $(parcelentry_form).find('input[name="weight"]').val(set_volumetric_weight);
    $(parcelentry_form).find('input[name="weight"]').focus();
    $(parcelentry_form).find('textarea[name="remarks"]').val(remark_content);
    $('#volumetric_calculation_modal').modal('hide');
  }
  return false;
}

var incr = 1;
function addNewChargesBoxes(element){
  var otherChargeId = $('#other_charge').val();
  var is_percentage = null;
  if (otherChargeId > 0 || otherChargeId != '') {
    $.ajax({
      type: "POST",
      url: '{{route('get.other.charge.detail')}}',
      data: {id:otherChargeId},
      dataType: "json",
      success: function(res) {
        if (res.status == 'success') {
          is_percentage = res.is_percentage;
          
          var other_charge_html = '<div id="'+incr+'">';
          other_charge_html += '<div class="col-md-'+((is_percentage == '1') ? '6' : '8')+'">';
          other_charge_html += '<div class="form-group has-feedback">';
          other_charge_html += '<select class="form-control filter" name="other_charge[]">';
          $.each(otherChargeTypeArray, function( index, value ) {
            other_charge_html += '<option value="'+index+'" '+ ((index == otherChargeId) ? 'selected' : '')+'>'+value+'</option>';
          });
          other_charge_html += '</select>';
          other_charge_html += '</div>';
          other_charge_html += '</div>';

          other_charge_html += '<div class="col-md-2 '+((is_percentage == '1') ? '' : 'hide')+'">';
          other_charge_html += '<div class="form-group has-feedback">';
          other_charge_html += '<input class="form-control padd-right-text" placeholder="%"  name="other_charge_percentage[]" type="text" value="" onfocusout="calculateOtherChatgeAmount(this)" data-id="'+incr+'">';
          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);
          
          $('#other_charge').val('');
        }
        incr++;
      },
    });
  }
}

function removeOtherChargeHTML(div_id){
  $("#"+div_id+"").remove();
  validateAndChargeAmount();
}

function validateAndChargeAmount(element){
  var chargeAmount = $(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 gross_amount = ($('input[name="gross_amount"]').val() !='' ? $('input[name="gross_amount"]').val() : 0);
  
  var totAmount = parseFloat(gross_amount) + parseFloat(chargeAmountValue);
  var total = parseFloat(totAmount);
  $('input[name="net_amount"]').val(total.toFixed(2));
}

function calculateOtherChatgeAmount(element){
  var Id = $(element).attr('data-id');
  var other_charge_percentage = parseFloat($(element).val());
  if (other_charge_percentage > 0) {
    var gross_amount = ($('input[name="gross_amount"]').val() !='' ? $('input[name="gross_amount"]').val() : 0);
    var other_charge_calculate_amount = (gross_amount * other_charge_percentage) / 100;
    $('#'+Id).find($('input[name="other_charge_amount[]"]')).val(other_charge_calculate_amount.toFixed(2));
  }
}
</script>
@stop