{% import "components.html" as c with context %}
{% set url = c.messages_url(history.agent, history.contact) %}
<div class="chat" id="history">
  {% if history.answer == "offline" %}
  {{ c.empty(t.text("contacts.offline")) }}
  {% elif history.answer != "listed" %}
  <div class="empty">{{ t.text("contacts." ~ history.answer, {"code": history.code}) }} <button class="btn sm" hx-get="{{ url }}{% if latest %}&latest={{ latest|urlencode }}{% endif %}" hx-target="#history" hx-swap="outerHTML">{{ t.text("contacts.retry") }}</button></div>
  {% else %}
  {% include "history_rows.html" %}
  {% if not history.turns %}{{ c.empty(t.text("history.empty")) }}{% endif %}
  {% endif %}
  {% include "history_end.html" %}
</div>
{# the column opens at its newest message, the way a chat is picked up #}
<script>document.getElementById("history").scrollTop = 1e9</script>