{% extends "app/templates/base.tmpl" %}

{% block title %}
penpot - error list
{% endblock %}

{% block content %}
  <nav>
    <div class="title">
      <a href="/dbg"> [BACK]</a>
      <h1>Error reports (last 300)</h1>

      <a class="{% if source = 0 %}strong{% endif %}" href="?source=0">[ALL ERRORS]</a>
      <a class="{% if source = 3 %}strong{% endif %}" href="?source=3">[BACKEND ERRORS]</a>
      <a class="{% if source = 4 %}strong{% endif %}" href="?source=4">[FRONTEND ERRORS]</a>
      <a class="{% if source = 5 %}strong{% endif %}" href="?source=5">[RLIMIT REPORTS]</a>
    </div>
  </nav>
  <main class="horizontal-list">
    <ul>
      {% for item in items %}
        <li>
          <a class="date" href="/dbg/error/{{item.id}}">{{item.created-at}}</a>
          <a class="hint" href="/dbg/error/{{item.id}}">
            <span class="title">{{item.hint|abbreviate:150}}</span>
          </a>
        </li>
      {% endfor %}
    </ul>
  </main>
{% endblock %}