{layout layout}
<link rel="stylesheet" href="/plugin/member/static/member-system.css">
<link rel="stylesheet" href="/plugin/wallet/static/wallet.css">
<section class="container" style="padding:28px 16px 48px">
  <div style="display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:10px;margin-bottom:18px">
    <h1 style="font-size:22px;font-weight:500;margin:0">我的资产</h1>
    <div style="display:flex;gap:8px">
      <a class="btn" href="{$entry_prefix}/member/wallet/exchange">兑换中心</a>
      <a class="btn" href="{$entry_prefix}/member/center">会员中心</a>
    </div>
  </div>

  <div class="wallet-cards">
    <div class="wallet-card is-points">
      <div class="wallet-card-label">可用积分</div>
      <div class="wallet-card-value">{$points}<small>分</small></div>
    </div>
    <div class="wallet-card is-balance">
      <div class="wallet-card-label">账户余额</div>
      <div class="wallet-card-value">{$balance_text}<small>元</small></div>
    </div>
    <div class="wallet-card">
      <div class="wallet-card-label">累计获得积分</div>
      <div class="wallet-card-value">{$total_points}<small>分</small></div>
    </div>
  </div>

  <div class="ms-card">
    <div class="ms-card-body">
      <div class="wallet-tabs">
        <a href="{$entry_prefix}/member/wallet" class="{if empty($currency)}is-active{/if}">全部</a>
        <a href="{$entry_prefix}/member/wallet?currency=points" class="{if $currency == 'points'}is-active{/if}">积分</a>
        <a href="{$entry_prefix}/member/wallet?currency=balance" class="{if $currency == 'balance'}is-active{/if}">余额</a>
      </div>

      {if !empty($list.items)}
      {loop $list.items as $t}
      <div class="wallet-row">
        <div class="wallet-row-main">
          <div class="wallet-row-title">{$t.scene_name}</div>
          <div class="wallet-row-meta">{$t.time_format}{if !empty($t.remark)} · {$t.remark}{/if}</div>
        </div>
        <div>
          <div class="wallet-row-amount {if $t.change > 0}wallet-in{else}wallet-out{/if}">
            {if $t.change > 0}+{/if}{$t.amount_text}
          </div>
          <div class="wallet-row-after">余额 {$t.balance_text}</div>
        </div>
      </div>
      {/loop}

      {if $list.last_page > 1}
      <div class="wallet-pager">
        {if $list.page > 1}
        <a href="{$entry_prefix}/member/wallet?page={$list.prev_page}{if !empty($currency)}&currency={$currency}{/if}">上一页</a>
        {else}
        <span>上一页</span>
        {/if}
        <span class="is-current">{$list.page} / {$list.last_page}</span>
        {if $list.page < $list.last_page}
        <a href="{$entry_prefix}/member/wallet?page={$list.next_page}{if !empty($currency)}&currency={$currency}{/if}">下一页</a>
        {else}
        <span>下一页</span>
        {/if}
      </div>
      {/if}

      {else}
      <div class="wallet-empty">暂无流水记录</div>
      {/if}
    </div>
  </div>

  {if !empty($exchanges.items)}
  <div class="ms-card" style="margin-top:18px">
    <div class="ms-card-body">
      <div style="display:flex;justify-content:space-between;align-items:baseline;margin-bottom:10px">
        <strong style="font-size:14px">最近兑换</strong>
        <a href="{$entry_prefix}/member/wallet/exchange" style="font-size:13px">兑换中心 →</a>
      </div>
      {loop $exchanges.items as $e}
      <div class="wallet-row">
        <div class="wallet-row-main">
          <div class="wallet-row-title">{$e.title}</div>
          <div class="wallet-row-meta">{$e.time_format} · {$e.status_name}</div>
        </div>
        <div class="wallet-row-amount wallet-out">-{$e.pay_text}</div>
      </div>
      {/loop}
    </div>
  </div>
  {/if}
</section>