{% extends "layout.html" %}
{% block title %}Chats - chat{% endblock %}
{% block content %}
<header class="page-header">
  <h1>Chats</h1>
  <a class="btn" href="/bots/new">+ New bot</a>
</header>
{% if chats %}
<ul class="chat-list">
  {% for chat in chats %}
  <li class="chat-row">
    <a href="/chats/{{ chat.id }}">
      <div class="chat-row-name">{{ chat.host_bot_name }}</div>
      <div class="chat-row-snippet muted">{{ chat.last_message_snippet or '—' }}</div>
      <div class="chat-row-meta muted">
        <span>{{ chat.time }}</span>
        {% if chat.last_played_at %}<span>· {{ chat.last_played_at }}</span>{% endif %}
      </div>
    </a>
  </li>
  {% endfor %}
</ul>
{% else %}
<p class="muted">No chats yet. <a href="/bots/new">Create a bot</a> to start.</p>
{% endif %}
{% endblock %}