(function () {
  var el = document.getElementById("discord-presence")
  if (!el) return

  function render() {
    var lang = document.documentElement.lang
    var n = parseInt(el.getAttribute("data-count") || "0", 10)
    if (!(n > 0)) return
    var text =
      n === 1
        ? lang === "fr"
          ? "1 membre en ligne"
          : "1 member online"
        : lang === "fr"
          ? n + " membres en ligne"
          : n + " members online"
    el.textContent = text
    el.classList.add("is-online")
  }

  fetch("/api/discord")
    .then(function (res) {
      return res.ok ? res.json() : null
    })
    .then(function (data) {
      if (data && typeof data.presence_count === "number") {
        el.setAttribute("data-count", String(data.presence_count))
      }
      render()
    })
    .catch(function () {
      el.classList.remove("is-online")
    })

  document.addEventListener("click", function (e) {
    var btn = e.target.closest ? e.target.closest("[data-lang]") : null
    if (btn) render()
  })
})()