{% extends "web/base.html" %}

{% block title %}Activity | tcx{% endblock %}
{% block page_label %}Activity{% endblock %}

{% block content %}
<section class="tc-panel">
  <div class="tc-panel-head">
    <span class="tc-eyebrow">Recent activity</span>
    <h2>{{ activity|length }} records</h2>
  </div>
  <div class="tc-activity-list tc-activity-list--wide">
    {% for item in activity %}
    <div class="tc-activity-row">
      <span class="tc-pill tc-pill--{{ item.status_class }}">{{ item.kind }}</span>
      <strong>{{ item.title }}</strong>
      <small>{{ item.subtitle }} · {{ item.status }} · {{ item.created_at|date:"Y-m-d H:i" }}</small>
    </div>
    {% empty %}
    <p class="tc-empty">No activity has been recorded yet.</p>
    {% endfor %}
  </div>
</section>
{% endblock %}