{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_plans}</div>
    <div class="nv-page-desc">{lang member.plans_desc_1}{lang member.plans_desc_2}</div>
  </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">
    <div class="nv-page-title" style="font-size:15px;margin-bottom:10px">{if !empty($edit)}{lang member.edit_plan} #{$edit.id}{else}{lang member.new_plan}{/if}</div>
    <form method="post" action="{$entry_prefix}/admin/plugin/member/vip/plan/save">
      <input type="hidden" name="_token" value="{$csrf}">
      <input type="hidden" name="_form_token" value="{$form_token}">
      {if !empty($edit)}<input type="hidden" name="id" value="{$edit.id}">{/if}
      <div class="wallet-form-grid">
        <div class="wallet-field" style="grid-column:span 2">
          <label>{lang member.plan_name}</label>
          <input type="text" name="name" maxlength="60" required value="{if !empty($edit)}{$edit.name}{/if}" placeholder="{lang member.ph_monthly}">
        </div>
        <div class="wallet-field" style="grid-column:span 2">
          <label>{lang admin.description}</label>
          <input type="text" name="description" maxlength="255" value="{if !empty($edit)}{$edit.description}{/if}" placeholder="{lang member.ph_plan_desc}">
        </div>
        <div class="wallet-field">
          <label>{lang member.pay_type}</label>
          <select name="pay_type">
            <option value="0"{if empty($edit) || $edit.pay_type == 0} selected{/if}>{lang member.balance}</option>
            <option value="1"{if !empty($edit) && $edit.pay_type == 1} selected{/if}>{lang member.points}</option>
          </select>
        </div>
        <div class="wallet-field">
          <label>{lang member.balance_price_cents}</label>
          <input type="number" name="price" min="0" value="{if !empty($edit)}{$edit.price}{/if}" placeholder="{lang member.ph_price_cents}">
        </div>
        <div class="wallet-field">
          <label>{lang member.points_price}</label>
          <input type="number" name="points_price" min="0" value="{if !empty($edit)}{$edit.points_price}{/if}" placeholder="3000">
        </div>
        <div class="wallet-field">
          <label>{lang member.valid_days}</label>
          <input type="number" name="duration_days" min="1" required value="{if !empty($edit)}{$edit.duration_days}{else}30{/if}">
        </div>
        <div class="wallet-field">
          <label>{lang member.gift_points}</label>
          <input type="number" name="gift_points" min="0" value="{if !empty($edit)}{$edit.gift_points}{/if}">
        </div>
        <div class="wallet-field">
          <label>{lang member.gift_balance_cents}</label>
          <input type="number" name="gift_balance" min="0" value="{if !empty($edit)}{$edit.gift_balance}{/if}">
        </div>
        <div class="wallet-field">
          <label>{lang admin.sort}</label>
          <input type="number" name="sort" value="{if !empty($edit)}{$edit.sort}{else}10{/if}">
        </div>
        <div class="wallet-field">
          <label>{lang admin.status}</label>
          <select name="status">
            <option value="1"{if empty($edit) || $edit.status == 1} selected{/if}>{lang member.enable}</option>
            <option value="0"{if !empty($edit) && $edit.status == 0} selected{/if}>{lang admin.disabled}</option>
          </select>
        </div>
        <div class="wallet-field" style="grid-column:span 3">
          <label>{lang member.privileges_check}</label>
          <div style="display:flex;gap:14px;flex-wrap:wrap;padding-top:6px">
            <label style="font-weight:400"><input type="checkbox" name="priv_ad_free" value="1"{if !empty($edit.priv.ad_free)} checked{/if}> {lang member.priv_ad_free}</label>
            <label style="font-weight:400"><input type="checkbox" name="priv_no_watermark" value="1"{if !empty($edit.priv.no_watermark)} checked{/if}> {lang member.priv_no_watermark}</label>
            <label style="font-weight:400"><input type="checkbox" name="priv_priority_support" value="1"{if !empty($edit.priv.priority_support)} checked{/if}> {lang member.priv_priority_support}</label>
            <label style="font-weight:400"><input type="checkbox" name="priv_submit_unlimited" value="1"{if !empty($edit.priv.submit_unlimited)} checked{/if}> {lang member.priv_submit_unlimited}</label>
            <label style="font-weight:400">{lang member.discount_label}<input type="text" name="priv_discount" size="4" value="{if !empty($edit.priv.discount)}{$edit.priv.discount}{/if}" placeholder="{lang member.ph_discount}"></label>
            <label style="font-weight:400">{lang member.badge_label}<input type="text" name="priv_custom_badge" size="8" maxlength="20" value="{if !empty($edit.priv.custom_badge)}{$edit.priv.custom_badge}{/if}" placeholder="{lang member.ph_badge}"></label>
          </div>
        </div>
        <div class="wallet-field">
          <label>&nbsp;</label>
          <button class="nv-btn nv-btn-primary" type="submit">{if !empty($edit)}{lang member.save_changes}{/if}{if empty($edit)}{lang member.add_plan}{/if}</button>
          {if !empty($edit)}<a class="nv-btn" href="{$entry_prefix}/admin/plugin/member/vip/plans">{lang admin.cancel}</a>{/if}
        </div>
      </div>
    </form>
  </div>
</div>

<div class="nv-card">
  <div class="nv-card-body">
    <div class="nv-page-title" style="font-size:15px;margin-bottom:10px">{lang member.all_plans}</div>
    {if !empty($plans)}
    <table class="nv-table">
      <thead><tr><th>ID</th><th>{lang member.name}</th><th>{lang member.price}</th><th>{lang member.valid_period}</th><th>{lang member.gift}</th><th>{lang member.privileges}</th><th>{lang admin.status}</th><th>{lang admin.operation}</th></tr></thead>
      <tbody>
      {loop $plans as $p}
      <tr>
        <td>{$p.id}</td>
        <td>{$p.name}</td>
        <td>{if $p.pay_type == 1}{$p.points_price}{lang member.num_points}{else}¥{$p.price_text}{/if}</td>
        <td>{$p.duration_days}{lang member.num_days}</td>
        <td>{if $p.gift_points > 0}{$p.gift_points}{lang member.num_fen}{/if}{if $p.gift_balance > 0} ¥{$p.gift_balance_text}{/if}{if $p.gift_points == 0 && $p.gift_balance == 0}-{/if}</td>
        <td>{if !empty($p.privilege_text)}{loop $p.privilege_text as $t}<span class="vip-priv-item">{$t}</span> {/loop}{else}-{/if}</td>
        <td>{if $p.status == 1}<span class="nv-tag nv-tag-ok">{lang member.enable}</span>{else}<span class="nv-tag">{lang admin.disabled}</span>{/if}</td>
        <td>
          <a href="{$entry_prefix}/admin/plugin/member/vip/plans?edit={$p.id}">{lang member.group_editor}</a>
          {if $p.status == 1}
          <form method="post" action="{$entry_prefix}/admin/plugin/member/vip/plan/delete" style="display:inline" onsubmit="return confirm('{lang member.confirm_delete_plan}');">
            <input type="hidden" name="_token" value="{$csrf}">
            <input type="hidden" name="_form_token" value="{$form_token}">
            <input type="hidden" name="id" value="{$p.id}">
            <button class="nv-btn-link" type="submit">{lang admin.delete}</button>
          </form>
          {/if}
        </td>
      </tr>
      {/loop}
      </tbody>
    </table>
    {else}
    <div class="wallet-empty">{lang member.no_plans_yet}</div>
    {/if}
  </div>
</div>