{layout admin/layout}
<link rel="stylesheet" href="/plugin/member/static/member-system.css">
<link rel="stylesheet" href="/plugin/member/static/member.css">
<div class="nv-page-head">
  <div>
    <div class="nv-page-title">{lang member.points_title}</div>
    <div class="nv-page-desc">{lang member.points_desc_1}{lang member.points_desc_2}</div>
  </div>
</div>

{if $flash.message}<div class="nv-alert nv-alert-{$flash.type}">{$flash.message}</div>{/if}

<form class="member-filters" method="get" action="{$entry_prefix}/admin/plugin/member/points">
  <div class="member-filter-grid">
    <div class="member-field">
      <label for="pUser">{lang member.member_id}</label>
      <input id="pUser" type="number" name="user_id" value="{$filters.user_id}" placeholder="{lang member.blank_search_all}">
    </div>
    <div class="member-field">
      <label for="pScene">{lang member.scene}</label>
      <select id="pScene" name="scene">
        <option value="">{lang admin.all}</option>
        {loop $scenes as $k => $v}
        <option value="{$k}"{if $filters.scene == $k} selected{/if}>{$v}</option>
        {/loop}
      </select>
    </div>
    <div class="member-filter-actions">
      <button class="nv-btn nv-btn-primary" type="submit">{lang member.filter}</button>
      <a class="nv-btn" href="{$entry_prefix}/admin/plugin/member/points">{lang member.reset}</a>
    </div>
  </div>
</form>

<div class="nv-card">
  <div class="nv-card-body">
    {if empty($items)}
    <div class="nv-empty">{lang member.no_points_records}</div>
    {else}
    <table class="member-table">
      <thead>
        <tr><th>ID</th><th>{lang member.member}</th><th>{lang member.scene}</th><th class="nv-num">{lang member.delta}</th>
          <th class="nv-num">{lang member.balance_after}</th><th>{lang member.remark}</th><th>{lang member.operator}</th><th>{lang admin.col_time}</th></tr>
      </thead>
      <tbody>
      {loop $items as $it}
      <tr>
        <td>{$it.id}</td>
        <td style="font-size:13px">
          <a href="{$entry_prefix}/member/{$it.user_id}" target="_blank">{$it.username}</a>
          <span style="color:var(--color-text-muted,#6b7280)">#{$it.user_id}</span>
        </td>
        <td><span class="nv-badge">{$it.scene_name}</span></td>
        <td class="nv-num">
          {if $it.change > 0}
          <span style="color:#16a34a;font-weight:500">+{$it.change}</span>
          {else}
          <span style="color:#dc2626;font-weight:500">{$it.change}</span>
          {/if}
        </td>
        <td class="nv-num">{$it.balance}</td>
        <td style="font-size:13px;max-width:280px">{$it.remark}</td>
        <td style="font-size:13px;color:var(--color-text-muted,#6b7280)">{$it.operator}</td>
        <td style="font-size:13px;white-space:nowrap">{$it.created_at_format}</td>
      </tr>
      {/loop}
      </tbody>
    </table>
    {/if}
  </div>
</div>

{if $last_page > 1}
<div class="member-pager">
  {if $page > 1}
  <a href="{$entry_prefix}/admin/plugin/member/points?user_id={$filters.user_id}&scene={$filters.scene}&page={$page}">{lang admin.prev_page}</a>
  {else}
  <span class="is-disabled">{lang admin.prev_page}</span>
  {/if}
  <span class="is-current">{$page} / {$last_page}</span>
  {if $page < $last_page}
  <a href="{$entry_prefix}/admin/plugin/member/points?user_id={$filters.user_id}&scene={$filters.scene}&page=2">{lang admin.next_page}</a>
  {else}
  <span class="is-disabled">{lang admin.next_page}</span>
  {/if}
</div>
{/if}