{% extends "base.html" %}
{% block body %}
<div class="page-head">
  <div>
    <h1>Логи</h1>
    <div class="muted">Журнал действий и запросов админки. События старше 30 дней удаляются автоматически.</div>
  </div>
</div>

<section class="panel">
  <form class="filter-grid" method="get" action="/logs">
    <label><span>Поиск</span><input name="q" value="{{ q }}" placeholder="action, entity, JSON"></label>
    <label><span>Действие</span>
      <select name="action">
        <option value="">Все</option>
        {% for item in actions %}
        <option value="{{ item.action }}" {% if action == item.action %}selected{% endif %}>{{ item.action }} · {{ item.count }}</option>
        {% endfor %}
      </select>
    </label>
    <label><span>Пользователь</span>
      <select name="actor_id">
        <option value="0">Все</option>
        {% for item in actors %}
        <option value="{{ item.id }}" {% if actor_id == item.id %}selected{% endif %}>{{ item.login }} · {{ item.count }}</option>
        {% endfor %}
      </select>
    </label>
    <label><span>Сущность</span>
      <select name="entity_type">
        <option value="">Все</option>
        {% for item in entity_types %}
        <option value="{{ item.entity_type }}" {% if entity_type == item.entity_type %}selected{% endif %}>{{ item.entity_type }} · {{ item.count }}</option>
        {% endfor %}
      </select>
    </label>
    <label><span>С даты</span><input type="date" name="date_from" value="{{ date_from }}"></label>
    <label><span>По дату</span><input type="date" name="date_to" value="{{ date_to }}"></label>
    <button class="btn primary filter-submit" type="submit">Показать</button>
    <a class="btn filter-submit" href="/logs">Сбросить</a>
  </form>
</section>

<section class="panel">
  <div class="list-footer">
    <div class="muted">Всего: {{ pagination.total }}</div>
    <form class="row per-page-form" method="get" action="/logs">
      {% for item in preserved_query %}
        {% if item.key != "per_page" %}
        <input type="hidden" name="{{ item.key }}" value="{{ item.value }}">
        {% endif %}
      {% endfor %}
      <label><span>На странице</span>
        <select name="per_page" data-autosubmit>
          {% for n in [25,50,100,200] %}
          <option value="{{ n }}" {% if pagination.per_page == n %}selected{% endif %}>{{ n }}</option>
          {% endfor %}
        </select>
      </label>
    </form>
  </div>

  <table class="compact-table">
    <thead>
      <tr>
        <th>Время</th>
        <th>Пользователь</th>
        <th>Действие</th>
        <th>Сущность</th>
        <th>Детали</th>
      </tr>
    </thead>
    <tbody>
      {% for item in logs %}
      <tr>
        <td class="mono">{{ item.created_at_fmt }}</td>
        <td>{{ item.actor_label }}</td>
        <td><span class="pill">{{ item.action }}</span></td>
        <td>{{ item.entity_type }}{% if item.entity_id %} #{{ item.entity_id }}{% endif %}</td>
        <td>
          {% if item.details_pretty %}
          <details class="nested-details">
            <summary>JSON</summary>
            <pre class="json-box">{{ item.details_pretty }}</pre>
          </details>
          {% else %}
          <span class="muted">—</span>
          {% endif %}
        </td>
      </tr>
      {% else %}
      <tr><td colspan="5" class="empty-state">Записей нет.</td></tr>
      {% endfor %}
    </tbody>
  </table>

  {% include "pagination.html" %}
</section>

<script>
document.querySelectorAll("[data-autosubmit]").forEach((input) => {
  input.addEventListener("change", () => input.form?.submit());
});
</script>
{% endblock %}