let urlCreator = window.URL || window.webkitURL;

async function SavePhoto() {
  document.getElementById("result").innerHTML = "";
  let photo = document.getElementById("file-input").files[0];
  let formData = new FormData();
  // TODO: пройтись по всем результатм - если совпадают дважды - поднять вверх
  formData.append("f", photo);
  let response = await fetch('/beerds/dogs', { method: "POST", body: formData });
  if (response.ok) {
    let json = await response.json();
    let text = "<h3 class='image-results'>Результаты</h3>";
    let uniqChecker = {};
    for (let key in json.results) {
      text += "<div class='image-block'><div class='image-text'>" + json.results[key] + " (вероятность: " +  Math.round(parseFloat(key)*10)/10 + ")</div>";
      for (let imgKey in json.images) {
        if (json.images[imgKey].name != json.results[key]) {
          continue;
        }
        if (json.images[imgKey] == undefined) {
          continue;
        }
        text += "<div class='image-container'><img src='" + json.images[imgKey].url + "'/></div>";
        break;
      }
      text += "</div>";
      uniqChecker[json.results[key]] = key;
    }
    for (let key in json.results_net) {
      if (uniqChecker[json.results_net[key]] != undefined) {
        continue
      }
      text += "<div class='image-block'><div class='image-text'>" + json.results_net[key] + "</div>";
      for (let imgKey in json.images) {
        if (json.images[imgKey].name != json.results_net[key]) {
          continue;
        }
        if (json.images[imgKey] == undefined) {
          continue;
        }
        text += "<div class='image-container'><img src='" + json.images[imgKey].url + "'/></div>";
        break;
      }
      text += "</div>";
    }
    document.getElementById("result").innerHTML = text;
  } else {
    alert("Ошибка HTTP: " + response.status);
  }
}

document.getElementById("file-input").addEventListener("change", function () {
  let photo = document.getElementById("file-input").files[0];
  let imageUrl = urlCreator.createObjectURL(photo);
  document.getElementById("image").src = imageUrl;
  document.getElementById("upload-image-text").innerHTML = "Ваше изображение:";

});