{% 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 class="spacer"></div>
  <span class="muted">{{ jalali.to_fa_digits(total) }} لاگ</span>
</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><th>جزئیات</th></tr></thead>
  <tbody>
    {% for row in rows %}
    <tr style="cursor:default;">
      <td data-label="تاریخ و ساعت">{{ jalali.to_jalali_str(row.log.created_at, with_time=true) }}</td>
      <td data-label="کاربر">{{ row.log.username or "-" }}</td>
      <td data-label="نوع عملیات">{{ row.action }}</td>
      <td data-label="بخش">{{ row.entity }}</td>
      <td data-label="مورد">
        {% if row.target_url %}<a href="{{ row.target_url }}" style="color:var(--gold-bright);">{{ row.target }}</a>
        {% else %}{{ row.target or "-" }}{% endif %}
      </td>
      <td data-label="جزئیات">{{ row.details }}</td>
    </tr>
    {% else %}
    <tr><td colspan="6" style="text-align:center; padding:20px;">لاگی یافت نشد</td></tr>
    {% endfor %}
  </tbody>
</table>
</div>

<div class="card-list" data-view-target="mainList">
  {% for row in rows %}
  <div class="record-card" style="cursor:default;">
    <div class="record-card-main">
      <div class="record-card-title">{{ row.log.username or "-" }} — {{ row.action }} {{ row.entity if row.entity != "-" else "" }}</div>
      <div class="record-card-sub">
        {{ jalali.to_jalali_str(row.log.created_at, with_time=true) }}
        {% if row.target %} · {% if row.target_url %}<a href="{{ row.target_url }}" style="color:var(--gold-bright);">{{ row.target }}</a>{% else %}{{ row.target }}{% endif %}{% endif %}
      </div>
    </div>
    <div class="record-card-meta">
      <div class="record-card-value2" style="max-width:160px; white-space:normal; text-align:end;">{{ row.details }}</div>
    </div>
  </div>
  {% else %}
  <div class="record-card-empty">لاگی یافت نشد</div>
  {% endfor %}
</div>

{% if pages > 1 %}
<div class="pager no-print">
  {% if prev_url %}<a class="btn btn-ghost" href="{{ prev_url }}">› جدیدتر</a>{% endif %}
  <span class="muted">صفحه {{ jalali.to_fa_digits(page) }} از {{ jalali.to_fa_digits(pages) }}</span>
  {% if next_url %}<a class="btn btn-ghost" href="{{ next_url }}">قدیمی‌تر ‹</a>{% endif %}
</div>
{% endif %}
{% endblock %}