{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.page_title}</div>
    <div class="nv-page-desc">
      {lang wallet.desc}
    </div>
  </div>
  <div><a class="nv-btn" href="{$entry_prefix}/admin/plugin/wallet/audit?run=1">{lang wallet.run_audit}</a></div>
</div>

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

<div class="wallet-stats">
  <div class="wallet-stat">
    <div class="wallet-stat-label">{lang wallet.stat_accounts}</div>
    <div class="wallet-stat-value">{$stats.accounts}</div>
  </div>
  <div class="wallet-stat">
    <div class="wallet-stat-label">{lang wallet.stat_points}</div>
    <div class="wallet-stat-value">{$stats.points}</div>
  </div>
  <div class="wallet-stat">
    <div class="wallet-stat-label">{lang wallet.stat_balance}</div>
    <div class="wallet-stat-value">{$balance_sum}</div>
  </div>
  <div class="wallet-stat">
    <div class="wallet-stat-label">{lang wallet.stat_platform}</div>
    <div class="wallet-stat-value">{$platform_sum}</div>
  </div>
  <div class="wallet-stat">
    <div class="wallet-stat-label">{lang wallet.stat_today}</div>
    <div class="wallet-stat-value">{$stats.today_count}</div>
  </div>
  <div class="wallet-stat">
    <div class="wallet-stat-label">{lang wallet.stat_pending_ex}</div>
    <div class="wallet-stat-value">{if $pending > 0}<span style="color:#b45309">{$pending}</span>{else}0{/if}</div>
  </div>
</div>

{if $is_super}
<div class="nv-card" style="margin-bottom:16px">
  <div class="nv-card-body">
    <div class="nv-page-title" style="font-size:15px;margin-bottom:10px">{lang wallet.adjust_title}</div>
    <form method="post" action="{$entry_prefix}/admin/plugin/wallet/adjust">
      <input type="hidden" name="_token" value="{$csrf}">
      <input type="hidden" name="_form_token" value="{$form_token}">
      <div class="wallet-form-grid">
        <div class="wallet-field">
          <label>{lang wallet.user_id}</label>
          <input type="number" name="user_id" min="1" required placeholder="{lang wallet.user_id_ph}">
        </div>
        <div class="wallet-field">
          <label>{lang wallet.currency}</label>
          <select name="currency">
            <option value="points">{lang wallet.points}</option>
            <option value="balance">{lang wallet.balance_fen}</option>
          </select>
        </div>
        <div class="wallet-field">
          <label>{lang wallet.direction}</label>
          <select name="op">
            <option value="in">{lang wallet.increase}</option>
            <option value="out">{lang wallet.decrease}</option>
          </select>
        </div>
        <div class="wallet-field">
          <label>{lang wallet.amount}</label>
          <input type="number" name="amount" min="1" required placeholder="100">
        </div>
        <div class="wallet-field">
          <label>{lang wallet.reason}</label>
          <input type="text" name="reason" maxlength="100" required placeholder="{lang wallet.reason_ph}">
        </div>
        <div class="wallet-field">
          <label>&nbsp;</label>
          <button class="nv-btn nv-btn-primary" type="submit">{lang wallet.submit_adjust}</button>
        </div>
      </div>
    </form>
    <p class="wallet-note" style="margin-top:10px">
      {lang wallet.adjust_help}
    </p>
  </div>
</div>
{/if}

<div class="nv-card">
  <div class="nv-card-body">
    <div class="nv-page-title" style="font-size:15px;margin-bottom:10px">{lang wallet.recent_tx}</div>
    {if !empty($recent)}
    <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_time}</th></tr>
      </thead>
      <tbody>
      {loop $recent as $r}
      <tr>
        <td>{$r.id}</td>
        <td>{$r.username}</td>
        <td>{$r.currency_name}</td>
        <td class="nv-num {if $r.change > 0}wallet-in{else}wallet-out{/if}">{if $r.change > 0}+{/if}{$r.amount_text}</td>
        <td class="nv-num">{$r.balance_text}</td>
        <td>{$r.scene_name}</td>
        <td>{$r.time_format}</td>
      </tr>
      {/loop}
      </tbody>
    </table>
    {else}
    <div class="wallet-empty">{lang wallet.no_tx}</div>
    {/if}
    <p style="margin-top:10px"><a href="{$entry_prefix}/admin/plugin/wallet/transactions">{lang wallet.view_all_tx}</a></p>
  </div>
</div>

<div class="nv-card" style="margin-top:16px">
  <div class="nv-card-body">
    <div class="nv-page-title" style="font-size:15px;margin-bottom:10px">{lang wallet.top_balance}</div>
    {if !empty($top)}
    <table class="nv-table">
      <thead><tr><th>{lang wallet.user_id}</th><th>{lang wallet.col_member}</th><th class="nv-num">{lang wallet.stat_balance}</th><th class="nv-num">{lang wallet.points}</th></tr></thead>
      <tbody>
      {loop $top as $t}
      <tr>
        <td>{$t.user_id}</td>
        <td>{$t.username}</td>
        <td class="nv-num">{$t.balance_text}</td>
        <td class="nv-num">{$t.points}</td>
      </tr>
      {/loop}
      </tbody>
    </table>
    {else}
    <div class="wallet-empty">{lang wallet.no_accounts}</div>
    {/if}
  </div>
</div>