define(["moment", "numeral", "tablesort", "tablesort.numeric"],
  function (moment, numeral, Tablesort) {
  function showGeoURI(d) {
    function showLatitude(d) {
      var suffix = Math.sign(d) > -1 ? "' N" : "' S"
      d = Math.abs(d)
      var a = Math.floor(d)
      var min = (d * 60) % 60
      a = (a < 10 ? "0" : "") + a

      return a + "° " + numeral(min).format("0.000") + suffix
    }

    function showLongitude(d) {
      var suffix = Math.sign(d) > -1 ? "' E" : "' W"
      d = Math.abs(d)
      var a = Math.floor(d)
      var min = (d * 60) % 60
      a = (a < 100 ? "0" + (a < 10 ? "0" : "") : "") + a

      return a + "° " + numeral(min).format("0.000") + suffix
    }

    if (!has_location(d))
      return undefined

    return function (el) {
      var latitude = d.nodeinfo.location.latitude
      var longitude = d.nodeinfo.location.longitude
      var a = document.createElement("a")
      a.textContent = showLatitude(latitude) + " " +
                      showLongitude(longitude)

      a.href = "geo:" + latitude + "," + longitude
      el.appendChild(a)
    }
  }

  function showStatus(d) {
    return function (el) {
      el.classList.add(d.flags.online ? "online" : "offline")
      el.textContent = d.flags.online ? "online" : "offline, " + d.lastseen.fromNow(true) + "  " + d.lastseen.format("(DD.MM.YYYY,  H:mm:ss)")
    }
  }

  function showFirmware(d) {
    var release = dictGet(d.nodeinfo, ["software", "firmware", "release"])
    var base = dictGet(d.nodeinfo, ["software", "firmware", "base"])

    if (release === null || base === null)
      return undefined

    return release + " / " + base
  }

  function showSite(d, config) {
    var site = dictGet(d.nodeinfo, ["system", "site_code"])
    var rt = site
    if (config.siteNames)
      config.siteNames.forEach( function (t) {
        if(site === t.site)
          rt = t.name
      })
    return rt
  }

  function showUptime(d) {
    if (!("uptime" in d.statistics))
      return undefined

    return moment.duration(d.statistics.uptime, "seconds").humanize()
  }

  function showFirstseen(d) {
    if (!("firstseen" in d))
      return undefined

    return d.firstseen.fromNow(true)
  }

  function showClients(d) {
    if (!d.flags.online)
      return undefined

    return function (el) {
      el.appendChild(document.createTextNode(d.statistics.clients > 0 ? d.statistics.clients : "keine"))
      el.appendChild(document.createElement("br"))

      var span = document.createElement("span")
      span.classList.add("clients")
      span.textContent = " ".repeat(d.statistics.clients)
      el.appendChild(span)
    }
  }

  function showIPs(d) {
    var ips = dictGet(d.nodeinfo, ["network", "addresses"])
    if (ips === null)
      return undefined

    ips.sort()

    return function (el) {
      ips.forEach( function (ip, i) {
        var link = !ip.startsWith("fe80:")

        if (i > 0)
          el.appendChild(document.createElement("br"))

        if (link) {
          var a = document.createElement("a")
          a.href = "http://[" + ip + "]/"
          a.textContent = ip
          el.appendChild(a)
        } else
          el.appendChild(document.createTextNode(ip))
      })
    }
  }

  function showBar(className, v) {
    var span = document.createElement("span")
    span.classList.add("bar")
    span.classList.add(className)

    var bar = document.createElement("span")
    bar.style.width = (v * 100) + "%"
    span.appendChild(bar)

    var label = document.createElement("label")
    label.textContent = (Math.round(v * 100)) + " %"
    span.appendChild(label)

    return span
  }

  function showLoadBar(className, v) {
    var span = document.createElement("span")
    span.classList.add("bar")
    span.classList.add(className)

    var bar = document.createElement("span")
    if (v  >= 1) {
    bar.style.width = ((v * 100) % 100) + "%"
    bar.style.background = "rgba(255, 50, 50, 0.9)"
    span.style.background = "rgba(255, 50, 50, 0.6)"
    span.appendChild(bar)
    }
    else
    {
      bar.style.width = (v * 100) + "%"
      span.appendChild(bar)
    }

    var label = document.createElement("label")
    label.textContent = (v)
    span.appendChild(label)

    return span
  }

  function showLOAD(d) {
    if (!("loadavg" in d.statistics))
      return undefined

    return function (el) {
      el.appendChild(showLoadBar("load-avg", d.statistics.loadavg))
    }
  }

  function showRAM(d) {
    if (!("memory_usage" in d.statistics))
      return undefined

    return function (el) {
      el.appendChild(showBar("memory-usage", d.statistics.memory_usage))
    }
  }

  function showPages(d) {
    var webpages = dictGet(d.nodeinfo, ["pages"])
    if (webpages === null)
      return undefined

    webpages.sort()

    return function (el) {
      webpages.forEach( function (webpage, i) {
        if (i > 0)
          el.appendChild(document.createElement("br"))

        var a = document.createElement("span")
        var link = document.createElement("a")
        link.href = webpage
        if (webpage.search(/^https:\/\//i) !== -1) {
          var lock = document.createElement("span")
          lock.className = "ion-android-lock"
          a.appendChild(lock)
          var t1 = document.createTextNode(" ")
          a.appendChild(t1)
          link.textContent = webpage.replace(/^https:\/\//i, "")
          }
        else
          link.textContent = webpage.replace(/^http:\/\//i, "")
        a.appendChild(link)
        el.appendChild(a)
      })
    }
  }

  function showAutoupdate(d) {
    var au = dictGet(d.nodeinfo, ["software", "autoupdater"])
    if (!au)
      return undefined

    return au.enabled ? "aktiviert (" + au.branch + ")" : "deaktiviert"
  }

  function showStatImg(o, nodeId) {
    var content, caption

    if (o.thumbnail) {
      content = document.createElement("img")
      content.src = o.thumbnail.replace("{NODE_ID}", nodeId)
    }

    if (o.caption) {
      caption = o.caption.replace("{NODE_ID}", nodeId)

      if (!content)
        content = document.createTextNode(caption)
    }

    var p = document.createElement("p")

    if (o.href) {
      var link = document.createElement("a")
      link.target = "_blank"
      link.href = o.href.replace("{NODE_ID}", nodeId)
      link.appendChild(content)

      if (caption && o.thumbnail)
        link.title = caption

      p.appendChild(link)
    } else
      p.appendChild(content)

    return p
  }

  return function(config, el, router, d) {
    var h2 = document.createElement("h2")
    h2.textContent = d.nodeinfo.hostname
    el.appendChild(h2)

    var attributes = document.createElement("table")
    attributes.classList.add("attributes")

    attributeEntry(attributes, "Status", showStatus(d))
    attributeEntry(attributes, "Gateway", d.flags.gateway ? "ja" : null)
    attributeEntry(attributes, "Koordinaten", showGeoURI(d))

    if (config.showContact)
      attributeEntry(attributes, "Kontakt", dictGet(d.nodeinfo, ["owner", "contact"]))

    attributeEntry(attributes, "Hardware",  dictGet(d.nodeinfo, ["hardware", "model"]))
    attributeEntry(attributes, "Primäre MAC", dictGet(d.nodeinfo, ["network", "mac"]))
    attributeEntry(attributes, "Node ID", dictGet(d.nodeinfo, ["node_id"]))
    attributeEntry(attributes, "Firmware", showFirmware(d))
    attributeEntry(attributes, "Site", showSite(d, config))
    attributeEntry(attributes, "Uptime", showUptime(d))
    attributeEntry(attributes, "Teil des Netzes", showFirstseen(d))
    attributeEntry(attributes, "Load - avg", showLOAD(d))
    attributeEntry(attributes, "Arbeitsspeicher", showRAM(d))
    attributeEntry(attributes, "IP Adressen", showIPs(d))
    attributeEntry(attributes, "Webseite", showPages(d))
    attributeEntry(attributes, "Gewähltes Gateway", dictGet(d.statistics, ["gateway"]))
    attributeEntry(attributes, "Autom. Updates", showAutoupdate(d))
    attributeEntry(attributes, "Clients", showClients(d))

    el.appendChild(attributes)


    if (config.nodeInfos)
      config.nodeInfos.forEach( function (nodeInfo) {
        var h4 = document.createElement("h4")
        h4.textContent = nodeInfo.name
        el.appendChild(h4)
        el.appendChild(showStatImg(nodeInfo, d.nodeinfo.node_id))
      })

    if (d.neighbours.length > 0) {
      var h3 = document.createElement("h3")
      h3.textContent = "Links (" + d.neighbours.length + ")"
      el.appendChild(h3)

      var table = document.createElement("table")
      var thead = document.createElement("thead")

      var tr = document.createElement("tr")
      var th1 = document.createElement("th")
      th1.textContent = " "
      tr.appendChild(th1)

      var th2 = document.createElement("th")
      th2.textContent = "Knoten"
      th2.classList.add("sort-default")
      tr.appendChild(th2)

      var th3 = document.createElement("th")
      th3.textContent = "TQ"
      tr.appendChild(th3)

      var th4 = document.createElement("th")
      th4.textContent = "Typ"
      tr.appendChild(th4)

      var th5 = document.createElement("th")
      th5.textContent = "Entfernung"
      tr.appendChild(th5)

      thead.appendChild(tr)
      table.appendChild(thead)

      var tbody = document.createElement("tbody")

      d.neighbours.forEach( function (d) {
        var tr = document.createElement("tr")

        var td1 = document.createElement("td")
        td1.appendChild(document.createTextNode(d.incoming ? " ← " : " → "))
        tr.appendChild(td1)

        var td2 = document.createElement("td")
        var a1 = document.createElement("a")
        a1.classList.add("hostname")
        a1.textContent = d.node.nodeinfo.hostname
        a1.href = "#"
        a1.onclick = router.node(d.node)
        td2.appendChild(a1)

        if (has_location(d.node)) {
          var span = document.createElement("span")
          span.classList.add("icon")
          span.classList.add("ion-location")
          td2.appendChild(span)
        }

        tr.appendChild(td2)

        var td3 = document.createElement("td")
        var a2 = document.createElement("a")
        a2.href = "#"
        a2.textContent = showTq(d.link)
        a2.onclick = router.link(d.link)
        td3.appendChild(a2)
        tr.appendChild(td3)

        var td4 = document.createElement("td")
        var a3 = document.createElement("a")
        a3.href = "#"
        a3.textContent = d.link.type
        a3.onclick = router.link(d.link)
        td4.appendChild(a3)
        tr.appendChild(td4)

        var td5 = document.createElement("td")
        var a4 = document.createElement("a")
        a4.href = "#"
        a4.textContent = showDistance(d.link)
        a4.onclick = router.link(d.link)
        td5.appendChild(a4)
        td5.setAttribute("data-sort", d.link.distance !== undefined ? -d.link.distance : 1)
        tr.appendChild(td5)

        tbody.appendChild(tr)
      })

      table.appendChild(tbody)
      table.className = "node-links"

      new Tablesort(table)

      el.appendChild(table)
    }
  }
})