flash %}{% include "partials/flash.html" %}{% endblock %}
{% block content %}
<div class="content">
  <h1>bots</h1>
  {% if bots.is_empty() %}
  <div class="card">
    <p>no bots yet</p>
    <a href="/bots/create" class="btn-fill">create a bot</a>
  </div>
  {% else %}
  {% for bot in bots %}
  <a href="/bots/{{ bot.id }}" style="text-decoration: none; color: inherit;">
    <div class="card">
      <h2>{{ bot.name }}</h2>
      <div class="profile-field">
        <span class="profile-label">nick</span>
        <span>{{ bot.nick }}</span>
      </div>
      <div class="profile-field">
        <span class="profile-label">network</span>
        <span>{{ bot.network_addr }}</span>
      </div>
      <div class="profile-field">
        <span class="profile-label">status</span>
        <span>{% if bot.running %}<span style="color: var(--g);">running</span>{% elif bot.status == "error" %}<span style="color: #E08080;">error</span>{% else %}<span style="color: var(--text-3);">stopped</span>{% endif %}</span>
      </div>
    </div>
  </a>
  {% endfor %}
  <a href="/bots/create" class="btn-outline">new bot</a>
  {% endif %}
</div>
{% endblock %}