/* global VALID_WEEK_NUMBERS */

const EventEmitter = require('events')
const search = require('./search')

const self = new EventEmitter()

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._removeChilds()
  self._nodes.schedule.appendChild(document)
  self._nodes.schedule.classList.remove('error')
  self.emit('load')
}

self._handleError = function (event) {
  const request = event.target
  let error
  if (request.status === 404) {
    error = 'Sorry, er is (nog) geen rooster voor deze week.'
  } else {
    error = 'Sorry, er is iets mis gegaan tijdens het laden van deze week.'
  }
  self._removeChilds()
  self._nodes.schedule.textContent = error
  self._nodes.schedule.classList.add('error')
  self.emit('load')
}

self._getURLOfUser = function (week, user) {
  return `/get/${user.type}/${user.value}?week=${week}`
}

self._removeChilds = function () {
  while (self._nodes.schedule.firstChild) {
    self._nodes.schedule.removeChild(self._nodes.schedule.firstChild)
  }
}

self.viewItem = function (week, selectedUser) {
  if (selectedUser == null) {
    self._removeChilds()
  } else if (VALID_WEEK_NUMBERS.indexOf(week) === -1) {
    self._handleError({ target: { status: 404 } });
  } else {
    const url = self._getURLOfUser(week, selectedUser)

    self._removeChilds()
    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