{layout admin/layout}
<link rel="stylesheet" href="/plugin/member/static/member-system.css">
<link rel="stylesheet" href="/plugin/wallet/static/wallet.css">
<div class="nv-page-head">
  <div>
    <div class="nv-page-title">{lang wallet.tx_title}</div>
    <div class="nv-page-desc">{lang wallet.tx_desc}</div>
  </div>
  <div class="wallet-actions">
    <a class="nv-btn" href="{$entry_prefix}/admin/plugin/wallet/export{if !empty($query)}?{$query}{/if}">{lang wallet.export_csv}</a>
  </div>
</div>

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

<div class="nv-card" style="margin-bottom:16px">
  <div class="nv-card-body">
    <form method="get" action="{$entry_prefix}/admin/plugin/wallet/transactions">
      <div class="wallet-form-grid">
        <div class="wallet-field">
          <label>{lang wallet.user_id}</label>
          <input type="number" name="user_id" min="0" value="{$filters.user_id}">
        </div>
        <div class="wallet-field">
          <label>{lang wallet.currency}</label>
          <select name="currency">
            <option value="">{lang admin.all}</option>
            <option value="points" {if $filters.currency == 'points'}selected{/if}>{lang wallet.points}</option>
            <option value="balance" {if $filters.currency == 'balance'}selected{/if}>{lang wallet.balance}</option>
          </select>
        </div>
        <div class="wallet-field">
          <label>{lang wallet.direction}</label>
          <select name="direction">
            <option value="">{lang admin.all}</option>
            <option value="in" {if $filters.direction == 'in'}selected{/if}>{lang wallet.direction_in}</option>
            <option value="out" {if $filters.direction == 'out'}selected{/if}>{lang wallet.direction_out}</option>
          </select>
        </div>
        <div class="wallet-field">
          <label>{lang wallet.col_scene}</label>
          <select name="scene">
            <option value="">{lang admin.all}</option>
            {loop $scenes as $key => $name}
            <option value="{$key}" {if $filters.scene == $key}selected{/if}>{$name}</option>
            {/loop}
          </select>
        </div>
        <div class="wallet-field">
          <label>{lang wallet.date_from}</label>
          <input type="date" name="from" value="{$filters.from_text}">
        </div>
        <div class="wallet-field">
          <label>{lang wallet.date_to}</label>
          <input type="date" name="to" value="{$filters.to_text}">
        </div>
        <div class="wallet-field">
          <label>{lang wallet.note_operator}</label>
          <input type="text" name="keyword" value="{$filters.keyword}" maxlength="60">
        </div>
        <div class="wallet-field">
          <label>&nbsp;</label>
          <button class="nv-btn nv-btn-primary" type="submit">{lang wallet.filter}</button>
        </div>
      </div>
    </form>
  </div>
</div>

<div class="nv-card">
  <div class="nv-card-body">
    {if !empty($list.items)}
    <table class="nv-table">
      <thead>
        <tr>
          <th>ID</th><th>{lang wallet.col_member}</th><th>{lang wallet.currency}</th><th class="nv-num">{lang wallet.col_change}</th><th class="nv-num">{lang wallet.col_after}</th>
          <th>{lang wallet.col_scene}</th><th>{lang wallet.col_note}</th><th>{lang wallet.col_operator}</th><th>{lang wallet.col_time}</th>{if $is_super}<th>{lang admin.operation}</th>{/if}
        </tr>
      </thead>
      <tbody>
      {loop $list.items as $t}
      <tr>
        <td>{$t.id}</td>
        <td>{$t.username}</td>
        <td>{$t.currency_name}</td>
        <td class="nv-num {if $t.change > 0}wallet-in{else}wallet-out{/if}">{if $t.change > 0}+{/if}{$t.amount_text}</td>
        <td class="nv-num">{$t.balance_text}</td>
        <td>{$t.scene_name}</td>
        <td style="max-width:260px">{$t.remark}</td>
        <td>{$t.operator}</td>
        <td>{$t.time_format}</td>
        {if $is_super}
        <td>
          {if $t.change < 0}
          <form method="post" action="{$entry_prefix}/admin/plugin/wallet/refund" onsubmit="return confirm('{lang wallet.confirm_refund}');">
            <input type="hidden" name="_token" value="{$csrf}">
            <input type="hidden" name="_form_token" value="{$form_token}">
            <input type="hidden" name="tx_id" value="{$t.id}">
            <input type="hidden" name="amount" value="0">
            <button class="nv-btn" type="submit">{lang wallet.full_refund}</button>
          </form>
          {else}
          <span class="wallet-mono">—</span>
          {/if}
        </td>
        {/if}
      </tr>
      {/loop}
      </tbody>
    </table>

    {if $list.last_page > 1}
    <div class="wallet-pager">
      {if $list.page > 1}
      <a href="{$entry_prefix}/admin/plugin/wallet/transactions?page={$list.prev_page}{if !empty($query)}&{$query}{/if}">{lang admin.prev_page}</a>
      {else}
      <span>{lang admin.prev_page}</span>
      {/if}
      <span class="is-current">{$list.page} / {$list.last_page} ({lang wallet.total_tx_prefix}{$list.total}{lang wallet.total_tx_suffix})</span>
      {if $list.page < $list.last_page}
      <a href="{$entry_prefix}/admin/plugin/wallet/transactions?page={$list.next_page}{if !empty($query)}&{$query}{/if}">{lang admin.next_page}</a>
      {else}
      <span>{lang admin.next_page}</span>
      {/if}
    </div>
    {/if}

    {else}
    <div class="wallet-empty">{lang wallet.no_tx_match}</div>
    {/if}
  </div>
</div>