{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_orders}</div>
    <div class="nv-page-desc">{lang member.orders_desc_1}{lang member.orders_desc_2}</div>
  </div>
</div>

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

<form class="nv-card" method="get" action="{$entry_prefix}/admin/plugin/member/vip/orders" style="margin-bottom:16px">
  <div class="nv-card-body">
    <div class="wallet-form-grid">
      <div class="wallet-field">
        <label>{lang member.member_id}</label>
        <input type="number" name="user_id" min="1" value="{if !empty($filters.user_id)}{$filters.user_id}{/if}" placeholder="{lang member.blank_all}">
      </div>
      <div class="wallet-field">
        <label>{lang admin.status}</label>
        <select name="status">
          <option value="">{lang admin.all}</option>
          <option value="1"{if $filters.status == 1} selected{/if}>{lang member.paid}</option>
          <option value="2"{if $filters.status == 2} selected{/if}>{lang member.cancelled}</option>
          <option value="3"{if $filters.status == 3} selected{/if}>{lang member.refunded}</option>
          <option value="0"{if $filters.status === 0 && $filters.status !== ''} selected{/if}>{lang member.unpaid}</option>
        </select>
      </div>
      <div class="wallet-field">
        <label>&nbsp;</label>
        <button class="nv-btn nv-btn-primary" type="submit">{lang member.filter}</button>
      </div>
    </div>
  </div>
</form>

<div class="nv-card">
  <div class="nv-card-body">
    {if !empty($list.items)}
    <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 member.paid_time}</th><th>{lang admin.status}</th><th>{lang admin.operation}</th></tr></thead>
      <tbody>
      {loop $list.items as $o}
      <tr>
        <td>{$o.order_no}</td>
        <td>{if !empty($names[$o.user_id])}{$names[$o.user_id]}{else}{$o.user_id}{/if}</td>
        <td>{$o.plan_name}</td>
        <td class="nv-num">{if $o.pay_currency == 'balance'}¥{$o.price_text}{elseif $o.pay_currency == 'points'}{$o.pay_amount}{lang member.num_points}{else}{lang member.free}{/if}</td>
        <td>{$o.paid_at_format}</td>
        <td>{$status_names[$o.status]}</td>
        <td>
          {if $o.status == 1 && $o.subscription_id > 0 && $is_super}
          <form method="post" action="{$entry_prefix}/admin/plugin/member/vip/cancel" style="display:inline" onsubmit="return confirm('{lang member.confirm_cancel_vip}');">
            <input type="hidden" name="_token" value="{$csrf}">
            <input type="hidden" name="_form_token" value="{$form_token}">
            <input type="hidden" name="subscription_id" value="{$o.subscription_id}">
            <button class="nv-btn-link" type="submit">{lang member.cancel_sub}</button>
          </form>
          {/if}
        </td>
      </tr>
      {/loop}
      </tbody>
    </table>

    {if $list.last_page > 1}
    <div class="vip-pager" style="margin-top:12px">
      {if $list.page > 1}<a href="{$entry_prefix}/admin/plugin/member/vip/orders?page={$list.page - 1}{if !empty($filters.user_id)}&user_id={$filters.user_id}{/if}{if $filters.status !== ''}&status={$filters.status}{/if}">{lang admin.prev_page}</a>{else}<span>{lang admin.prev_page}</span>{/if}
      <span class="is-current">{$list.page} / {$list.last_page}</span>
      {if $list.page < $list.last_page}<a href="{$entry_prefix}/admin/plugin/member/vip/orders?page={$list.page + 1}{if !empty($filters.user_id)}&user_id={$filters.user_id}{/if}{if $filters.status !== ''}&status={$filters.status}{/if}">{lang admin.next_page}</a>{else}<span>{lang admin.next_page}</span>{/if}
    </div>
    {/if}
    {else}
    <div class="wallet-empty">{lang member.no_orders_match}</div>
    {/if}
  </div>
</div>