var results = [];
$("document").ready(function() {
  console.log("doc ready!");

  $("#searchIcon").click(function() {
    console.log("icon clicked");
    $("form").prepend('<span><input type="search" id="input" ></span>');
    $("#searchIcon").css({ display: "none" });
    $("#clearSearch").css({ display: "inline" });
    // $("#searchIcon").attr("disabled", "disabled");
    $("#input").focus();
    $("#input::after").css({ content: "X", color: "white" });
  });

  $("#searchBox").submit(function(event) {
    $(".mainBox").css({ margin: "5vh !important"});
    
    var queryData = $("#input:first").val();
    console.log(queryData);

    if (queryData != "") {
      ajaxCall(queryData);
    }
  });

  $("#clearSearch").click(function() {
    // $("#searchIcon").css({ display: "inline" });
    
    $("#input").val("");
    // $("form").remove("#input");
    $("#searchResults").html("");
  });
});

function name(variable) {
  array.forEach(element => {});
}

function ajaxCall(keyword) {
  $.ajax({
    url:
      "https://en.wikipedia.org/w/api.php?action=query&list=search&srsearch=" +
      keyword +
      "&prop=info&inprop=url&utf8=&format=json",

    dataType: "jsonp",
    success: function(response) {
      $("#searchResults").html("");
      if (response.query.searchinfo.totalhits === 0) {
        showError(keyword);
      } else {
        console.log(response.query);
        console.log(response.query.search);

        response.query.search.forEach(function(x) {
          console.log(x.snippet);
          
          $("#searchResults").append(
            "<div class='result'><a href ='https://en.wikipedia.org/?curid=" +
              x.pageid +
              "' target='blank'> <div class='title'>" +
              x.title +
              "</div><div class='snippet'>" +
              x.snippet +
              "</div></a></div>"
          );
        });
      }
    },
    error: function() {
      alert("Error retrieving search results, please refresh the page");
    }
  });
}

function showError(keyword) {
  console.log("Wikipedia does not have any articles regarding " + keyword);
  return "Wikipedia does not have any articles regarding " + keyword;
}