{% extends "base.html" %}
{% block title %}Conversations — whatsloon admin{% endblock %}
{% block content %}
<h1>Conversations</h1>
<form class="filters" method="get" action="{{ root }}/ui/conversations"
      hx-get="{{ root }}/ui/partials/conversations?tenant_id={{ tenant_id }}&amp;token={{ token }}"
      hx-target="#conversation-rows" hx-swap="innerHTML" hx-trigger="submit">
  <input type="hidden" name="tenant_id" value="{{ tenant_id }}">
  <input type="hidden" name="token" value="{{ token }}">
  <label>Limit
    <select name="limit">
      {% for n in [25, 50, 100] %}
      <option value="{{ n }}"{% if limit == n %} selected{% endif %}>{{ n }}</option>
      {% endfor %}
    </select>
  </label>
  <button type="submit">Apply</button>
</form>
{% if items %}
<table>
  <thead><tr><th scope="col">ID</th><th scope="col">Participant</th><th scope="col">Last activity</th></tr></thead>
  <tbody id="conversation-rows">
    {% include "_conversation_rows.html" %}
  </tbody>
</table>
{% set base_url = root + "/ui/conversations" %}
{% set query_extra = "tenant_id=" + tenant_id + "&token=" + token + "&" %}
{% include "_pagination.html" %}
{% else %}
<div class="empty" role="status">No conversations found. Adjust the limit or check another tenant.</div>
{% endif %}
{% endblock %}