const leftPad = require('left-pad')
const autocomplete = require('./autocomplete')
const search = require('./search')

const self = {}

self._nodes = {
  schedule: document.querySelector('#schedule')
}

self._parseMeetingpointHTML = function (htmlStr) {
  const html = document.createElement('html')
  html.innerHTML = htmlStr
  const centerNode = html.querySelector('center')
  return centerNode
}

self._handleLoad = function (event) {
  const request = event.target
  if (request.status < 200 || request.status >= 400) {
    self._handleError(event)
    return
  }
  const document = self._parseMeetingpointHTML(request.response)
  self._nodes.schedule.appendChild(document)
}

self._handleError = function (event) {
  const request = event.target
  console.error(request)
}

self._getURLOfUsers = function (week, type, index) {
  const id = index + 1
  return `//${window.location.host}/meetingpointProxy/Roosters-AL%2Fdoc%2Fdagroosters%2F` +
      `${(week)}%2F${type}%2F${type}${leftPad(id, 5, '0')}.htm`
}

self.viewItem = function (week, selectedUser) {
  const url = self._getURLOfUsers(week, selectedUser.type, selectedUser.index)

  while (self._nodes.schedule.firstChild) {
    self._nodes.schedule.removeChild(self._nodes.schedule.firstChild)
  }

  const request = new window.XMLHttpRequest()
  request.addEventListener('load', self._handleLoad)
  request.addEventListener('error', self._handleError)
  request.open('GET', url, true)
  request.send()

  search.updateDom(selectedUser)
}

module.exports = self