{% extends "base.html" %}
{% block content %}
<h1>Loglar</h1>
<p class="sub">Sistemin yaptığı her şeyin kaydı · son 250 satır</p>

<div class="card pad" style="margin-bottom:14px">
  <form method="get" action="/logs" style="display:flex;gap:10px;align-items:flex-end;flex-wrap:wrap">
    <div style="flex:1;min-width:200px">
      <label>Ara</label>
      <input name="q" value="{{ q }}" placeholder="mesaj içinde ara…">
    </div>
    <div style="width:150px">
      <label>Seviye</label>
      <select name="level">
        <option value="">hepsi</option>
        <option value="info" {% if level=='info' %}selected{% endif %}>bilgi ({{ counts.get('info',0) }})</option>
        <option value="warn" {% if level=='warn' %}selected{% endif %}>uyarı ({{ counts.get('warn',0) }})</option>
        <option value="error" {% if level=='error' %}selected{% endif %}>hata ({{ counts.get('error',0) }})</option>
      </select>
    </div>
    <div style="width:160px">
      <label>Kaynak</label>
      <select name="source">
        <option value="">hepsi</option>
        {% for s in sources %}
        <option value="{{ s }}" {% if source==s %}selected{% endif %}>{{ s }}</option>
        {% endfor %}
      </select>
    </div>
    <button class="btn btn-p">Filtrele</button>
    {% if q or level or source %}<a href="/logs" class="btn btn-g" style="text-decoration:none">Temizle</a>{% endif %}
  </form>
</div>

<div class="card">
  <div class="card-h"><h2>Kayıtlar</h2><span class="xs muted">{{ rows|length }} satır</span></div>
  <div class="card-b" style="padding:6px 18px 14px">
    {% if rows %}
    <table>
      <thead><tr><th style="width:110px">Zaman</th><th style="width:80px">Seviye</th>
        <th style="width:100px">Kaynak</th><th>Mesaj</th></tr></thead>
      <tbody>
      {% for log in rows %}
      <tr>
        <td class="muted xs" style="white-space:nowrap;font-variant-numeric:tabular-nums">
          {{ log.created_at|tr('%d.%m %H:%M:%S') }}</td>
        <td>
          {% if log.level=='error' %}<span class="tag t-bad">✕ hata</span>
          {% elif log.level=='warn' %}<span class="tag t-warn">⚠ uyarı</span>
          {% else %}<span class="tag t-idle">bilgi</span>{% endif %}
        </td>
        <td class="muted xs">{{ log.source }}</td>
        <td style="font-size:12.5px">{{ log.message }}</td>
      </tr>
      {% endfor %}
      </tbody>
    </table>
    {% else %}<p class="empty">Bu filtreye uyan kayıt yok.</p>{% endif %}
  </div>
</div>
{% endblock %}