{% extends "layout.html" %}
{% block title %}Bots - chat{% endblock %}
{% block content %}
<header class="page-header">
    <h1>Bots</h1>
    <a class="btn" href="/bots/new">+ New bot</a>
</header>
{% if bots %}
<ul class="bot-list">
    {% for bot in bots %}
    <li>
        <a href="/bots/{{ bot.id }}">{{ bot.name }}</a>
        <details class="bot-row-reset">
            <summary>Reset</summary>
            <form method="post" action="/bots/{{ bot.id }}/reset" class="inline-edit">
                <label>Type "{{ bot.name }}" to confirm:
                    <input type="text" name="confirm_name" required>
                </label>
                <button type="submit">Reset bot</button>
            </form>
        </details>
    </li>
    {% endfor %}
</ul>
{% else %}
<p class="muted">No bots yet. <a href="/bots/new">Create your first bot.</a></p>
{% endif %}
{% endblock %}