{% extends "nav.html" %}

{% block content %}
<section class="section">
  <div class="container">
    <h3 class="title is-3">
      Anzugsordnungen
    </h3>
    <p class="subtitle is-5">zur Auswahl bei der Erstellung von Events</p>

    <div class="panel p-2">
      {% for c in clothings %}
      <a class="panel-block is-active">
        {% include "clothing_entry_read.html" %}
      </a>
      {% endfor %}
      <div class="panel-block">
        <button class="button is-link is-light" hx-get="/clothing/new" hx-swap="beforebegin" hx-target="closest div">
          <svg class="icon">
            <use href="/static/feather-sprite.svg#plus-circle" />
          </svg>
          <span>neue Anzugsordnung</span>
        </button>
      </div>
    </div>
</section>

{% endblock %}