{% extends 'root.twig' %}

{% block body %}
<div class="wrap">
  <header>
    <nav>
      <a href="/villages">Overview</a>
      <a href="/logout">Logout</a>
    </nav>
    <span>Logged in as {{ session.user.username }}</span>
  </header>

  <main>
    {% block main %}{% endblock %}
  </main>

  <footer></footer>

  <div class="global-timer"></div>
  <script>
    const timer = document.querySelectorAll('.global-timer');
    function setTime () {
      const now = new Date();
      for (const t of timer) {
        t.innerHTML = now;
      }
    }
    setTime();
    setInterval(setTime, 1000);
  </script>
</div>
{% endblock %}