{layout admin/layout}
<link rel="stylesheet" href="/plugin/member/static/member.css">
<link rel="stylesheet" href="/plugin/member/static/member-system.css">
<div class="nv-page-head">
  <div>
    <div class="nv-page-title">{lang member.logs_title}</div>
    <div class="nv-page-desc">{lang member.logs_desc_1}{lang member.logs_desc_2}</div>
  </div>
  <div class="nv-page-actions">
    <a class="nv-btn" href="{$entry_prefix}/admin/plugin/member/members">{lang member.back_to_member_list}</a>
  </div>
</div>

<div class="nv-card">
  <div class="nv-card-body">
    <div class="ma-stat-row">
      <div class="ma-stat">
        <span class="ma-stat-num">{$stats.total}</span>
        <span class="ma-stat-label">{lang member.log_total}</span>
      </div>
      <div class="ma-stat">
        <span class="ma-stat-num ma-warn">{$stats.today}</span>
        <span class="ma-stat-label">{lang member.today_new}</span>
      </div>
      <div class="ma-stat">
        <span class="ma-stat-num">{$stats.today_users}</span>
        <span class="ma-stat-label">{lang member.today_active}</span>
      </div>
      {if !empty($stats.by_action)}
      <div class="ma-stat ma-stat-wide">
        <span class="ma-stat-label">{lang member.log_hot_actions}</span>
        <span class="ma-stat-tags">
          {loop $stats.by_action as $a => $c}
          <span class="nv-tag">{if !empty($actions[$a])}{$actions[$a]}{else}{$a}{/if} · {$c}</span>
          {/loop}
        </span>
      </div>
      {/if}
    </div>
  </div>
</div>

<div class="nv-card" style="margin-top:16px">
  <div class="nv-card-body">
    <form class="ma-filter" method="get" action="{$entry_prefix}/admin/plugin/member/logs">
      <input class="nv-input" type="text" name="username" value="{$filters.username}" placeholder="{lang member.member_keyword}">
      <input class="nv-input" type="number" name="user_id" value="{if $filters.user_id>0}{$filters.user_id}{/if}" placeholder="{lang member.specific_member_id}">
      <select class="nv-input" name="action">
        <option value="">{lang member.all_actions}</option>
        {loop $actions as $k => $label}
        <option value="{$k}"{if $filters.action==$k} selected{/if}>{$label}</option>
        {/loop}
      </select>
      <input class="nv-input" type="date" name="date_from" value="{$filters.date_from}">
      <span class="nv-muted">{lang member.to}</span>
      <input class="nv-input" type="date" name="date_to" value="{$filters.date_to}">
      <button class="nv-btn nv-btn-primary" type="submit">{lang member.filter}</button>
      <a class="nv-btn" href="{$entry_prefix}/admin/plugin/member/logs">{lang member.reset}</a>
    </form>
  </div>
</div>

<div class="nv-card" style="margin-top:16px">
  <div class="nv-card-body">
    {if empty($list.items)}
    <div class="nv-empty">
      <div class="nv-empty-title">{lang member.no_action_logs}</div>
      <div>{lang member.logs_empty_hint_1}{lang member.logs_empty_hint_2}</div>
    </div>
    {else}
    <table class="member-table">
      <thead>
        <tr>
          <th style="width:150px">{lang admin.col_time}</th>
          <th style="width:140px">{lang member.member}</th>
          <th style="width:100px">{lang admin.operation}</th>
          <th>{lang member.description_col}</th>
          <th style="width:130px">{lang member.related_object}</th>
          {if $is_super}<th style="width:130px">IP</th>{/if}
        </tr>
      </thead>
      <tbody>
      {loop $list.items as $row}
      <tr>
        <td class="ma-sub">{$row.created_text}</td>
        <td>
          {if $row.user_id>0}<a class="nv-link" href="{$entry_prefix}/admin/plugin/member/detail/{$row.user_id}">{$row.username}</a><span class="nv-muted"> #{$row.user_id}</span>{else}<span class="nv-muted">{lang member.system_guest}</span>{/if}
        </td>
        <td><span class="ms-pill">{$row.action_name}</span></td>
        <td>{$row.title}</td>
        <td class="ma-sub">
          {if $row.target_type!='' && $row.target_id>0}{$row.target_type} #{$row.target_id}{elseif $row.target_type!=''}{$row.target_type}{else}<span class="nv-muted">—</span>{/if}
        </td>
        {if $is_super}
        <td class="ma-sub">{if $row.ip!=''}{$row.ip}{else}<span class="nv-muted">—</span>{/if}</td>
        {/if}
      </tr>
      {/loop}
      </tbody>
    </table>
    {/if}
  </div>
</div>

{if $list.last_page > 1}
<div class="member-pager">
  {if $list.page > 1}
  <a href="{$entry_prefix}/admin/plugin/member/logs?page={$prev_page}&amp;username={$filters.username}&amp;user_id={$filters.user_id}&amp;action={$filters.action}&amp;date_from={$filters.date_from}&amp;date_to={$filters.date_to}">{lang admin.prev_page}</a>
  {else}
  <span class="is-disabled">{lang admin.prev_page}</span>
  {/if}
  <span class="is-current">{$list.page} / {$list.last_page}</span>
  {if $list.page < $list.last_page}
  <a href="{$entry_prefix}/admin/plugin/member/logs?page={$next_page}&amp;username={$filters.username}&amp;user_id={$filters.user_id}&amp;action={$filters.action}&amp;date_from={$filters.date_from}&amp;date_to={$filters.date_to}">{lang admin.next_page}</a>
  {else}
  <span class="is-disabled">{lang admin.next_page}</span>
  {/if}
</div>
{/if}

{if $is_super}
<div class="nv-card" style="margin-top:16px">
  <div class="nv-card-head"><h3 class="nv-card-title">{lang member.log_settings}</h3></div>
  <div class="nv-card-body">
    <form method="post" action="{$entry_prefix}/admin/plugin/member/logs/settings">
      <input type="hidden" name="_token" value="{$csrf}">
      <input type="hidden" name="_form_token" value="{$form_token}">

      <div class="nv-form-item">
        <label class="nv-label">{lang member.enable_action_log}</label>
        <div class="nv-control">
          <label class="nv-switch">
            <input type="hidden" name="action_log_enable" value="0">
            <input type="checkbox" name="action_log_enable" value="1"{if $settings.enable==1} checked{/if}>
            <span></span>
          </label>
          <p class="nv-tips">{lang member.log_off_hint_1}{lang member.log_off_hint_2}</p>
        </div>
      </div>

      <div class="nv-form-item">
        <label class="nv-label" for="action_log_days">{lang member.retention_days}</label>
        <div class="nv-control">
          <input class="nv-input" id="action_log_days" type="number" name="action_log_days" value="{$settings.days}" min="0" max="3650">
          <p class="nv-tips">{lang member.retention_hint_1}{lang member.retention_hint_2}</p>
        </div>
      </div>

      <div class="nv-form-item">
        <label class="nv-label">{lang member.log_which_actions}</label>
        <div class="nv-control">
          <div class="nv-check-group">
            {loop $actions as $k => $label}
            <label class="nv-check">
              <input type="checkbox" name="actions[]" value="{$k}"{if in_array($k,$settings.actions)} checked{/if}>
              <span>{$label}</span>
            </label>
            {/loop}
          </div>
          <p class="nv-tips">{lang member.log_actions_hint_1}{lang member.log_actions_hint_2}</p>
        </div>
      </div>

      <div class="nv-form-actions">
        <button type="submit" class="nv-btn nv-btn-primary">{lang member.save_settings}</button>
      </div>
    </form>

    <hr class="nv-hr">

    <div class="nv-form-actions">
      <form method="post" action="{$entry_prefix}/admin/plugin/member/logs/prune" onsubmit="return confirm('{lang member.confirm_prune}');">
        <input type="hidden" name="_token" value="{$csrf}">
        <input type="hidden" name="_form_token" value="{$form_token}">
        <button type="submit" class="nv-btn">{lang member.prune_now}</button>
      </form>
      <form method="post" action="{$entry_prefix}/admin/plugin/member/logs/clear" onsubmit="return confirm('{lang member.confirm_clear_log}');">
        <input type="hidden" name="_token" value="{$csrf}">
        <input type="hidden" name="_form_token" value="{$form_token}">
        <button type="submit" class="nv-btn nv-btn-danger">{lang member.clear_all}</button>
      </form>
    </div>
  </div>
</div>
{/if}