{% import "components.html" as c with context %}
{# the agent's events as a log in a box, newest on top; the top asks for
   newer ones when the event subscription changes - with the day of the newest line when no
   date marks it yet - and the end for older ones as it comes into view #}
{% set base = "/agents/" ~ ref(selected.computer_id) ~ "/" ~ ref(selected.id) ~ "/profile/events" %}
<div class="log">
  <div class="cap">{{ t.text("agents.events") }}</div>
  <div class="lines" id="events">
    <div class="fresh" hx-get="{{ base }}" hx-vals='js:{after: document.querySelector("#events .ln")?.dataset.id ?? "0", below: document.querySelector("#events .fresh + .ln")?.dataset.day ?? ""}' hx-trigger="poll-refresh" x-poll data-poll='{{ poll("events", selected, since=lines[0].id if lines else 0)|tojson }}' hx-target="this" hx-swap="afterend"></div>
    {% include "agent_profile_events.html" %}
    {% if not lines %}{{ c.empty(t.text("agents.no_activity"), "message-square-text", id="events-empty") }}{% endif %}
  </div>
</div>