// var options = {
//   shouldSort: true,
//   threshold: 0.4,
//   maxPatternLength: 32,
//   keys: [{
//     name: 'iata',
//     weight: 0.5
//   }, {
//     name: 'name',
//     weight: 0.3
//   }, {
//     name: 'city',
//     weight: 0.2
//   }]
// };
//
// var fuse = new Fuse(airports, options)

function searchTown(el){
    let form = el.form;
    let type_transport = form['type_transport'].value;
    let search_str = el.value;
    let get_address_point = new Object({type_transport, search_str})


    $.ajax({
        headers: { "X-CSRFToken": $('input[name=csrfmiddlewaretoken]').val() },
        url: '/reference_data/get_address_point/',
        type: "POST",
        // async: true,
        cache: false,
        processData: false,
        contentType: false,
        // enctype: 'json',
        data: get_address_point,
        success: function(data){
            return data;
        },
        error: function (data){
            console.log('++')
            // document.querySelector(".button_register").innerHTML = data.responseJSON.html
        }
    });
}

var ac = $('#id_from_country')
  .on('click', function(e) {
    e.stopPropagation();
  })
  .on('keyup', search)
  .on('keydown', onKeyDown);

var wrap = $('<div>')
  .addClass('autocomplete-wrapper')
  .insertBefore(ac)
  .append(ac);

var list = $('<div>')
  .addClass('autocomplete-results')
  .on('click', '.autocomplete-result', function(e) {
    e.preventDefault();
    e.stopPropagation();
    selectIndex($(this).data('index'));
  })
  .appendTo(wrap);

$(document)
  .on('mouseover', '.autocomplete-result', function(e) {
    var index = parseInt($(this).data('index'), 10);
    if (!isNaN(index)) {
      list.attr('data-highlight', index);
    }
  })
  .on('click', clearResults);

function clearResults() {
  results = [];
  numResults = 0;
  list.empty();
}

function selectIndex(index) {
  if (results.length >= index + 1) {
    ac.val(results[index].iata);
    clearResults();
  }
}

var results = [];
var numResults = 0;
var selectedIndex = -1;

function search(e) {
  if (e.which === 38 || e.which === 13 || e.which === 40) {
    return;
  }

  let ac = document.querySelector("#id_from_country")

  if (ac.value.length > 0) {
    // results = _.take(fuse.search(ac.val()), 7);
    // numResults = results.length;

     let results = searchTown(ac);

    var divs = results.map()(function(r, i) {
        return '<div class="autocomplete-result" data-index="'+ i +'">'
             + '<div><b>'+ r.iata +'</b> - '+ r.name +'</div>'
             + '<div class="autocomplete-location">'+ r.city +', '+ r.country +'</div>'
             + '</div>';
     });

    selectedIndex = -1;
    list.html(divs.join(''))
      .attr('data-highlight', selectedIndex);

  } else {
    numResults = 0;
    list.empty();
  }
}

function onKeyDown(e) {
  switch(e.which) {
    case 38: // up
      selectedIndex--;
      if (selectedIndex <= -1) {
        selectedIndex = -1;
      }
      list.attr('data-highlight', selectedIndex);
      break;
    case 13: // enter
      selectIndex(selectedIndex);
      break;
    case 9: // enter
      selectIndex(selectedIndex);
      e.stopPropagation();
      return;
    case 40: // down
      selectedIndex++;
      if (selectedIndex >= numResults) {
        selectedIndex = numResults-1;
      }
      list.attr('data-highlight', selectedIndex);
      break;

    default: return; // exit this handler for other keys
  }
  e.stopPropagation();
  e.preventDefault(); // prevent the default action (scroll / move caret)
}