"use strict";

$(document).ready(function () {
  setItemTypes();
  $("#item-type").change(getItems);
  $("#search").click(search);
  $(document).on("click", '.details', viewDetails);
  $("#details-window").kendoWindow({
    modal: true,
    title: " ",
    actions: ["close"],
    width: "50%"
  });
});

function viewDetails() {
  $.ajax({
    url: utils.serviceUrl() + "/GetItem",
    data: {
      itemId: $(this).data("item-id")
    },
    success: function success(res) {
      $("#details-window h2").text(res.data.item);
      var html = res.data.tags.map(function (tag) {
        return "<tr><td>".concat(tag.category, "</td><td>").concat(tag.tag, "</td></tr>");
      }).join("");
      $("#tags tbody").html(html);
      $("#details-window").data('kendoWindow').center().open();
    }
  });
}

function setItemTypes() {
  $.ajax({
    url: utils.serviceUrl() + "/GetItemTypes",
    success: function success(res) {
      var html = res.data.map(function (row) {
        return "<option value=\"".concat(row.itemTypeId, "\">").concat(row.itemType, "</option>");
      }).join("");
      $("#item-type").html(html);
      getItems();
    }
  });
}

function getItems() {
  $.ajax({
    url: utils.serviceUrl() + "/GetItems",
    data: {
      itemTypeId: $("#item-type").val()
    },
    success: function success(res) {
      var html = res.data.map(function (row) {
        return "<tr><td>".concat(row.item, "</td><td><a class=\"button details\" href=\"javascript:void(0)\"  data-item-id=\"").concat(row.itemId, "\">Details</a></td></tr>");
      }).join("");
      $("#items tbody").html(html);
    }
  });
}

function search() {
  $.ajax({
    url: utils.serviceUrl() + "/Search",
    data: {
      itemTypeId: $("#item-type").val(),
      term: $("#term").val()
    },
    type: "POST",
    success: function success(res) {
      var html = res.data.map(function (row) {
        return "<tr><td>".concat(row.item, "</td><td><a class=\"button details\" href=\"javascript:void(0)\" data-item-id=\"").concat(row.itemId, "\">Details</a></td></tr>");
      }).join("");
      $("#items tbody").html(html);
    }
  });
}