$(document).ready(function () {
  $("#addItem").click(addItem);
  $("#cancel").click(function () { window.history.back() });
  $("input[type=number]").on("focus", function () { $(this).select(); });
  $("input[type=text]").on("focus", function () { $(this).select(); });

  $(".autocomplete-ingredient").on("input", autocomplete);
});

function removeItem(elem) {
  if ($(".removeItem").length > 1) {
    $(elem).parent().parent().parent().parent().remove();
  }
  if ($(".removeItem").length == 1) {
    $(".ingredientRow").find("input[type=text]").val("");
    $(".ingredientRow").find("input[type=number]").val("1");
  }
}

function addItem() {
  var dataID = parseInt($("#addItem").data("count")) + 1;
  $("#addItem").data("count", dataID);

  var clone = $($(".ingredientRow")[0]).clone();

  clone.find("input[type=text]").attr("name", ("ingredient[" + dataID + "][Name]"));
  clone.find("input[type=text]").attr("id", ("dropdownMenuAutocomplete-" + dataID));
  clone.find(".dropdown-menu").attr("aria-labelledby", ("dropdownMenuAutocomplete-" + dataID));
  clone.find("input[type=text]").val("");
  clone.find("input[type=text]").on("input", autocomplete);
  clone.find("input[type=text]").on("focus", function () { $(this).select(); });
  clone.find("input[type=number]").attr("name", ("ingredient[" + dataID + "][Amount]"));
  clone.find("input[type=number]").val("1");
  clone.find("input[type=number]").on("focus", function () { $(this).select(); });
  clone.find("select").attr("name", ("ingredient[" + dataID + "][Unit]"));

  $(".ingredientRow").last().after(clone);

  clone.find("input[type=number]").focus();
}