{% extends "base.html" %}

{% block body %}
<nav class="navbar" role="navigation" aria-label="main navigation">
  <div class="navbar-brand">
    <a class="navbar-item" href="/">
	BRASS
    </a>

    <a role="button" class="navbar-burger" aria-label="menu" aria-expanded="false" data-target="navbarBasicExample">
      <span aria-hidden="true"></span>
      <span aria-hidden="true"></span>
      <span aria-hidden="true"></span>
    </a>
  </div>

  <div class="navbar-menu">
    <div class="navbar-start">
      <a class="navbar-item">
        Kalender
      </a>

      {% match user.role %}
        {% when Role::Staff %}
        {% when Role::AreaManager %}
	  <a class="navbar-item">
	    Planung
	  </a>
	  <a href="/locations" class="navbar-item">
	    Veranstaltungsorte
	  </a>
	  <a href="/users" class="navbar-item">
	    Nutzerverwaltung
	  </a>
        {% when Role::Admin %}
	  <a class="navbar-item">
	    Planung
	  </a>
	  <a href="/locations" class="navbar-item">
	    Veranstaltungsorte
	  </a>
	  <a href="/users" class="navbar-item">
	    Nutzerverwaltung
	  </a>

      {% endmatch %}
    </div>

    <div class="navbar-end">
      <div class="navbar-item">
        <div class="buttons">
          <a class="button is-primary">
	    Profil
          </a>
          <a class="button is-light">
            Abmelden
          </a>
        </div>
      </div>
    </div>
  </div>
</nav>
    {% block content %}
    {% endblock %}
{% endblock %}