const valuetoText = {
  "user":"Username",
  "post":"Post"
}

function changed() {
  document.getElementById("selector").placeholder = valuetoText[document.getElementById("type").value];
}

async function getJSON(url) {
    return (await fetch(url)).json()
}

async function submit() {
  const type = document.getElementById("type").value
  const selector = document.getElementById("selector").value
  document.getElementById("output").innerHTML=""
  const res = await getJSON(`/api/search?type=${type}&selector=${selector}`)
  //document.getElementById("output").innerHTML = res
  console.log(res);
  for (let i = 0; i < res.length; i++) {
    let obj = res[i]
    if(type === "user") {
      createPost(decodeURIComponent(obj.User_Name || ""),decodeURIComponent(obj.User_Bio || "wow such empty"),0)
    } else {
      createPost(decodeURIComponent(obj.post_user_name),decodeURIComponent(obj.post_text),obj.post_time,obj.post_special_text,obj.post_id)
    }
  }
}

function keydown(event) {
  if (event.key === "Enter") {
    event.preventDefault()
      submit()
  }
}

function spacerTextNode() {
  return document.createTextNode(" | ")
}

function createPost(username,text,time,specialtext,postid) {
  if(!specialtext)specialtext=""
  const newDiv = document.createElement("div");
  const newP = document.createElement("p");
  const newA = document.createElement("a");
  const newSpan2 = document.createElement("span");
  const newSpan3 = document.createElement("span");

  const newUsername = document.createTextNode(username);
  let timedate = new Date(time)
  time = timedate
  time = time.toString()
  time = time.split(" ")
  time = time[0] + " " + time[1] + " " + time[2] + " " + time[3] + " " + time[4]
  if(timedate==="Thu Jan 01 1970 01:00:00 GMT+0100 (Central European Standard Time)")time=""
  const newTime = document.createTextNode(time)
  const newSpecialText = document.createTextNode(specialtext)

  newDiv.classList.add("result");
  newSpan3.classList.add("specialtext")

  newA.appendChild(newUsername)

  newA.href = `/users/${username}`
  newSpan2.appendChild(newTime)
  newSpan3.appendChild(newSpecialText)


  newP.appendChild(newA)
  if(time !== "")newP.appendChild(spacerTextNode())
  newP.appendChild(newSpan2)
  if(specialtext !== "" && time !== "")newP.appendChild(spacerTextNode())
  newP.appendChild(newSpan3)

  newDiv.appendChild(newP)
  newDiv.innerHTML += filterPost(text) // skipqc
  newDiv.id = postid
  document.getElementById("output").appendChild(newDiv)
}