{% extends "nav.html" %}

{% block content %}
<section class="section">
  <div class="container">
    <div class="level">
      <div class="level-left">
        <h3 class="title is-3">
          Veranstaltungsorte
        </h3>
      </div>
      <div class="level-right">
        <a class="button" href="/locations/new">Neuen Ort anlegen</a>
      </div>
    </div>

    {% if grouped_locations.len() == 0 %}
    <div class="box">
      <h5 class="title is-5">keine Orte vorhanden</h5>
    </div>
    {% else %}
    {% for gl in grouped_locations %}
    <div class="box">
      <h5 class="title is-5">{{ gl.0.name }}</h5>
      {% for l in gl.1 %}
      <div class="level">
        <div clas="level-left">
          <em>{{ l.name }}</em>
        </div>
        <div clas="level-right">
          <a class="button">Bearbeiten</a>
          <a class="button">Löschen</a>
        </div>
      </div>
      {% endfor %}
    </div>
    {% endfor %}
    {% endif %}
  </div>
</section>
</section>

<script>
</script>
{% endblock %}