{% extends "base.html" %}
{% from "_ui.html" import icon %}
{% set page_title = 'Журналы' %}

{% block page_header %}
<div class="page-header">
  <div>
    <h1>Журналы</h1>
    <p class="lead">Записи служб сервера. Пригодятся, если что-то пошло не так, — их можно отправить в поддержку.</p>
  </div>
</div>
{% endblock %}

{% block content %}
<nav class="tabs">
  {% for key, source in sources.items() %}
    <a href="/logs?source={{ key }}&lines={{ selected.lines }}" class="{{ 'active' if key == selected.key else '' }}">{{ source.title }}</a>
  {% endfor %}
</nav>
<article class="card">
  <div class="card-header">
    <div><h2>{{ selected.title }}</h2><p class="mono">{{ selected.cmd }}</p></div>
    <div class="row">
      <label class="row small subtle" style="gap:8px;cursor:pointer"><input type="checkbox" data-log-live checked> Обновлять</label>
      <div class="segmented">
        {% for n in (120, 300, 1000) %}<a href="/logs?source={{ selected.key }}&lines={{ n }}" class="{{ 'active' if selected.lines == n else '' }}">{{ n }}</a>{% endfor %}
      </div>
    </div>
  </div>
  <div class="card-body">
    <pre class="terminal tall" data-log-source="{{ selected.key }}" data-log-lines="{{ selected.lines }}">{{ selected.content }}</pre>
  </div>
</article>
{% endblock %}