{layout admin/layout}
<link rel="stylesheet" href="/plugin/member/static/member-system.css">
<link rel="stylesheet" href="/plugin/member/static/vip.css">
<div class="nv-page-head">
  <div>
    <div class="nv-page-title">{lang member.vip_overview}</div>
    <div class="nv-page-desc">{lang member.vip_desc_1}{lang member.vip_desc_2}</div>
  </div>
  <div><a class="nv-btn" href="{$entry_prefix}/admin/plugin/member/vip/plans">{lang member.plan_manage}</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 member.plan_count}</div>
    <div class="wallet-stat-value">{$plan_count}</div>
  </div>
  <div class="wallet-stat">
    <div class="wallet-stat-label">{lang member.paid_orders}</div>
    <div class="wallet-stat-value">{$order_count}</div>
  </div>
  <div class="wallet-stat">
    <div class="wallet-stat-label">{lang member.active_subs}</div>
    <div class="wallet-stat-value">{$active_sub}</div>
  </div>
  <div class="wallet-stat">
    <div class="wallet-stat-label">{lang member.balance_income}</div>
    <div class="wallet-stat-value">{$paid_amount_text}</div>
  </div>
</div>

{if $is_super}
<div class="nv-card" style="margin:16px 0">
  <div class="nv-card-body">
    <div class="nv-page-title" style="font-size:15px;margin-bottom:10px">{lang member.manual_vip_grant}</div>
    <form method="post" action="{$entry_prefix}/admin/plugin/member/vip/grant">
      <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 member.member_id}</label>
          <input type="number" name="user_id" min="1" required placeholder="{lang member.ph_uid}">
        </div>
        <div class="wallet-field">
          <label>{lang member.plan_id}</label>
          <input type="number" name="plan_id" min="1" required placeholder="{lang member.ph_pid}">
        </div>
        <div class="wallet-field">
          <label>{lang member.valid_days_plan_default}</label>
          <input type="number" name="days" min="1" placeholder="30">
        </div>
        <div class="wallet-field">
          <label>&nbsp;</label>
          <button class="nv-btn nv-btn-primary" type="submit">{lang member.grant}</button>
        </div>
      </div>
    </form>
  </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 member.recent_orders}</div>
    {if !empty($recent)}
    <table class="nv-table">
      <thead><tr><th>{lang member.order_no}</th><th>{lang member.member}</th><th>{lang member.plan}</th><th class="nv-num">{lang member.amount}</th><th>{lang admin.status}</th><th>{lang admin.col_time}</th></tr></thead>
      <tbody>
      {loop $recent as $r}
      <tr>
        <td>{$r.order_no}</td>
        <td>{$r.user_id}</td>
        <td>{$r.plan_name}</td>
        <td class="nv-num">{if $r.pay_currency == 'balance'}¥{$r.price_text}{elseif $r.pay_currency == 'points'}{$r.pay_amount}{lang member.num_points}{else}{lang member.free}{/if}</td>
        <td>{$r.status_name}</td>
        <td>{$r.created_at_format}</td>
      </tr>
      {/loop}
      </tbody>
    </table>
    {else}
    <div class="wallet-empty">{lang member.no_orders_yet}</div>
    {/if}
    <p style="margin-top:10px"><a href="{$entry_prefix}/admin/plugin/member/vip/orders">{lang member.view_all_orders_arrow}</a></p>
  </div>
</div>