{# tickets/_card.html — the open tickets a host's, monitor's or container's
   page lists, loaded into it; nothing but the button when there are none. #}
{% set can_edit = session.user_role in ('operator', 'admin') %}
{% set query = ({"host": host} if host else {"subject": subject}) %}
{% if tickets or can_edit %}
<section class="card" aria-labelledby="known-issues">
  <div style="display:flex;align-items:baseline;justify-content:space-between;gap:1rem;">
    <h3 id="known-issues" class="section-title">{% if tickets %}Known issues ({{ tickets|length }} open){% else %}Known issues{% endif %}</h3>
    {% if can_edit %}<a class="field-hint" href="/tickets/new?{{ dict(query, back=back)|urlencode }}">Open a ticket</a>{% endif %}
  </div>
  {% if tickets %}
  <ul class="check-list">
    {% for t in tickets %}
    <li><a href="/tickets/{{ t.id }}"><span class="tone-dim">#{{ t.id }}</span> {{ t.title }}</a>
      <span class="field-hint">· {{ t.opened_by }}, {{ t.opened_at|when }}</span></li>
    {% endfor %}
  </ul>
  {% else %}
  <p class="field-hint" style="margin:0;">No open tickets.</p>
  {% endif %}
</section>
{% endif %}