{% extends "base.html" %}
{% block content %}
<div class="page-head">
  <h1 class="page-title">Kanban Board</h1>
  <div class="page-actions"><a class="btn ghost" href="/tickets">Zur Listenansicht</a></div>
</div>
<div class="board">
  {% for col in columns %}
  <div class="board-col">
    <div class="board-col-head">{{ col.title }} <span class="pill offen">{{ col.count }}</span></div>
    {% for c in col.cards %}
    <div class="board-card row" data-ticket-id="{{ c.id }}">
      <div class="sz ticket-nr">{{ c.nr }}</div>
      <div><b>{{ c.titel }}</b></div>
      <div class="board-card-foot">
        <span class="pill {{ c.prio_class }}">{{ c.prio }}</span>
        <span class="pill offen">{{ c.kategorie }}</span>
        <span class="avatar sm" title="{{ c.zugewiesen }}">{{ c.initials }}</span>
      </div>
    </div>
    {% endfor %}
    {% if col.cards.is_empty() %}<div class="sz" style="padding:8px">Keine Tickets.</div>{% endif %}
  </div>
  {% endfor %}
</div>
{% endblock %}