document.addEventListener("DOMContentLoaded", function () {
  const update = function () {
    fetch("https://spaceapi.c3re.de/")
      .then(function (response) {
        return response.json();
      })
      .then(function (data) {
        document
          .getElementById("ds-img")
          .setAttribute(
            "src",
            data.state.open ? data.state.icon.open : data.state.icon.closed
          );
        document.getElementById("ds-status").innerHTML = data.state.open
          ? "Geöffnet"
          : "Geschlossen";

        document.getElementById("ds-temp").innerHTML =
          "" +
          data.sensors.temperature[0].value +
          data.sensors.temperature[0].unit;
        const lastchange = new Date(data.state.lastchange * 1000);
        document.getElementById("ds-date").innerHTML =
          lastchange.getDate().toString().padStart(2, "0") +
          "." +
          (lastchange.getMonth() + 1).toString().padStart(2, "0") +
          "." +
          lastchange.getFullYear() +
          " " +
          lastchange.getHours().toString().padStart(2, "0") +
          ":" +
          lastchange.getMinutes().toString().padStart(2, "0");
      });
  };
  update();
  setInterval(update, 10000);
});