{% import '_entry.html' as e %}
{% if dir == 'up' %}
  {% if start > 0 %}
  <button class="loadmore" hx-get="/chunk/{{ sid }}?start={{ [start - chunk, 0]|max }}&dir=up"
          hx-swap="outerHTML">Load earlier messages</button>
  {% endif %}
  {{ e.blocks(entries, sid, start) }}
{% else %}
  {{ e.blocks(entries, sid, start) }}
  {% if end < total %}
  <div class="sentinel" hx-get="/chunk/{{ sid }}?start={{ end }}&dir=down"
       hx-trigger="revealed" hx-swap="outerHTML">loading…</div>
  {% endif %}
{% endif %}