{% extends "base.html" %}

{% block title %}logs - {{ bot_name }} - irc.now{% endblock %}

{% block banner %}{% include "partials/announcement.html" %}{% endblock %}
{% block flash %}{% include "partials/flash.html" %}{% endblock %}
{% block content %}
<div class="content">
  <h1>logs</h1>
  <p style="font-family: var(--mono); font-size: 12px; color: var(--text-3); margin-bottom: 14px;">
    <a href="/bots/{{ bot_id }}">{{ bot_name }}</a>
  </p>

  <div class="card">
    {% if logs.is_empty() %}
    <p>no log entries</p>
    {% else %}
    <div style="overflow-x: auto;">
      <table style="width: 100%; border-collapse: collapse; font-family: var(--mono); font-size: 12px;">
        <thead>
          <tr style="border-bottom: 1px solid var(--line); color: var(--text-3);">
            <th style="text-align: left; padding: 6px 8px;">time</th>
            <th style="text-align: left; padding: 6px 8px;">level</th>
            <th style="text-align: left; padding: 6px 8px;">message</th>
          </tr>
        </thead>
        <tbody>
          {% for entry in logs %}
          <tr style="border-bottom: 1px solid var(--line);">
            <td style="padding: 6px 8px; white-space: nowrap; color: var(--text-3);">{{ entry.created_at }}</td>
            <td style="padding: 6px 8px; white-space: nowrap;">{% if entry.level == "error" %}<span style="color: #E08080;">{{ entry.level }}</span>{% elif entry.level == "warn" %}<span style="color: #D4C878;">{{ entry.level }}</span>{% else %}<span style="color: var(--g);">{{ entry.level }}</span>{% endif %}</td>
            <td style="padding: 6px 8px; color: var(--text-2);">{{ entry.message }}</td>
          </tr>
          {% endfor %}
        </tbody>
      </table>
    </div>
    {% endif %}
  </div>
</div>
{% endblock %}