{# A host's newest timeline entries, loaded into its page: what happened to it
   lately, with the whole of it a click away. #}
{% from "_macros.html" import empty_state %}
{% from "timeline/_entry.html" import entry_what %}
<section class="card" aria-labelledby="host-history">
  <div style="display:flex;align-items:baseline;justify-content:space-between;gap:1rem;">
    <h3 id="host-history" class="section-title">History</h3>
    <a class="field-hint" href="/timeline/?host={{ host.name|urlencode }}">All of {{ host.name }}'s history</a>
  </div>
  {% if items %}
  <table class="table">
    <tbody>
      {% for item in items %}
      <tr>
        <td class="nowrap" style="width:1%;">{{ item.entry.at|when }}</td>
        <td>{{ entry_what(item) }}</td>
        <td class="nowrap" style="width:1%;">{{ item.entry.actor }}</td>
      </tr>
      {% endfor %}
    </tbody>
  </table>
  {% else %}
  {{ empty_state("Nothing has happened to " ~ host.name ~ " that the timeline records yet.") }}
  {% endif %}
</section>