{% extends "_shell.html" %}
{% block title %}P106 Activity{% endblock %}

{% block content %}
  <h1 class="tt-dh bloom tt-masthead">ACTIVITY</h1>
  <p class="tt-empty">Everything the stack has done lately, newest first.</p>

  {% if events %}
    <div class="tt-field"><span>Log</span><span class="tt-field-meta">{{ events | length }} events</span></div>
    <div class="tt-rows">
      {% for e in events %}
      <div class="tt-row">
        {#- The event kind is the row's colour: grabbed is a completed
            transfer, requested wants a human, added is new stock. -#}
        <span class="tt-row-name tt-row-val {% if e.kind == 'grabbed' %}ok{% elif e.kind == 'requested' %}pending{% else %}{% endif %}">{{ e.label }}</span>
        <span class="tt-row-body">
          <span class="tt-row-title">{{ e.title }}</span>
          {% if e.detail %}<span class="tt-row-sub">{{ e.detail }}</span>{% endif %}
        </span>
        <span class="tt-row-val off">{{ e.when | default('') }}</span>
      </div>
      {% endfor %}
    </div>
  {% else %}
    <p class="tt-empty">Nothing on record. Either the stack has been quiet or its sources are unreachable.</p>
  {% endif %}
{% endblock %}