{% extends "base.html" %}
{% from "partials/_view_toggle.html" import view_toggle %}
{% block title %}لاگ فعالیت‌ها — {{ APP_NAME }}{% endblock %}
{% block content %}
<div class="page-header">
  <a class="btn btn-ghost back-btn" href="{{ url_for('settings.index') }}">‹ بازگشت</a>
  <h1 class="title">لاگ فعالیت‌های سیستم (فقط مدیر)</h1>
</div>

<form method="get" style="display:flex; gap:10px; margin-bottom:16px; flex-wrap:wrap;">
  <input type="search" name="q" placeholder="جستجو در نام کاربری یا جزئیات ..." value="{{ q }}" style="flex:1; min-width:200px;">
  <select name="action">
    <option value="">همه عملیات‌ها</option>
    {% for key, label in action_fa.items() %}
    <option value="{{ key }}" {% if key == selected_action %}selected{% endif %}>{{ label }}</option>
    {% endfor %}
  </select>
  <button type="submit" class="btn btn-gold">اعمال</button>
</form>

{{ view_toggle('mainList') }}

<div class="data-table-wrap" data-view-target="mainList">
<table class="data-table">
  <thead><tr><th>تاریخ و ساعت</th><th>کاربر</th><th>نوع عملیات</th><th>بخش</th><th>جزئیات</th></tr></thead>
  <tbody>
    {% for r in rows %}
    <tr>
      <td data-label="تاریخ و ساعت">{{ jalali.to_jalali_str(r.created_at, with_time=true) }}</td>
      <td data-label="کاربر">{{ r.username or "-" }}</td>
      <td data-label="نوع عملیات">{{ action_fa.get(r.action_type, r.action_type) }}</td>
      <td data-label="بخش">{{ entity_fa.get(r.entity_type, r.entity_type or "-") }}</td>
      <td data-label="جزئیات">{{ r.details or "-" }}</td>
    </tr>
    {% else %}
    <tr><td colspan="5" style="text-align:center; padding:20px;">لاگی یافت نشد</td></tr>
    {% endfor %}
  </tbody>
</table>
</div>

<div class="card-list" data-view-target="mainList">
  {% for r in rows %}
  <div class="record-card" style="cursor:default;">
    <div class="record-card-main">
      <div class="record-card-title">{{ r.username or "-" }} — {{ action_fa.get(r.action_type, r.action_type) }}</div>
      <div class="record-card-sub">{{ entity_fa.get(r.entity_type, r.entity_type or "-") }} · {{ jalali.to_jalali_str(r.created_at, with_time=true) }}</div>
    </div>
    <div class="record-card-meta">
      <div class="record-card-value2" style="max-width:140px; white-space:normal; text-align:end;">{{ (r.details or "-")|string }}</div>
    </div>
  </div>
  {% else %}
  <div class="record-card-empty">لاگی یافت نشد</div>
  {% endfor %}
</div>
{% endblock %}