$(function () {

  $.widget("custom.combobox", {
    _create: function () {
      this.wrapper = $("<span>")
        .addClass("custom-combobox")
        .insertAfter(this.element);

      this.element.hide();
      this._createAutocomplete();
    },

    _createAutocomplete: function () {
      var selected = this.element.children(":selected"),
        value = selected.val() ? selected.text() : "";
      let NameInputSearch = Math.floor(Math.random() * 99999);

      localStorage.setItem('search_emp_apto', NameInputSearch);

      this.input = $("<input>")
        .appendTo(this.wrapper)
        .val(value)
        .attr("type", "search")
        .attr("placeholder", "Busque aqui...")
        .attr("id", NameInputSearch)
        .addClass("custom-combobox-input ui-widget ui-widget-content ui-state-default ui-corner-left")
        .autocomplete({
          delay: 0,
          minLength: 0,
          source: this._source.bind(this)
        });

      this._on(this.input, {
        autocompleteselect: function (event, ui) {
          ui.item.option.selected = true;
          this._trigger("select", event, {
            item: ui.item.option
          });

          /**CHANGE NO COMBOBOX */
          $('#' + this.element[0].id).trigger('change');
        },

        autocompletechange: "_removeIfInvalid"
      });
    },
    _source: function (request, response) {
      var matcher = new RegExp($.ui.autocomplete.escapeRegex(request.term), "i");
      response(this.element.children("option").map(function () {
        var text = $(this).text();
        if (this.value && (!request.term || matcher.test(text)))
          return {
            label: text,
            value: text,
            option: this
          };
      }));
    },

    _removeIfInvalid: function (event, ui) {

      // Selected an item, nothing to do
      if (ui.item)
        return;

      // Search for a match (case-insensitive)
      var value = this.input.val(),
        valueLowerCase = value.toLowerCase(),
        valid = false;
      this.element.children("option").each(function () {
        if ($(this).text().toLowerCase() === valueLowerCase) {
          this.selected = valid = true;
          return false;
        }
      });

      // Found a match, nothing to do
      if (valid)
        return;

      // Remove invalid value
      this.input
        .val("")
        .attr("title", value + " Não corresponde a nenhum item")
      this.element.val("");
      this._delay(function () {
        this.input.attr("title", "");
      }, 2500);
      this.input.autocomplete("instance").term = "";
    },

    _destroy: function () {
      this.wrapper.remove();
      this.element.show();
    }
  });
});