{% extends "base.html" %}
{% block title %}购买与续费 · WK1NG VPN{% endblock %}
{% block content %}
<section class="page-heading"><div><p class="eyebrow">购买与续费</p><h1>简单三步，开始连接</h1><p>扫描收款码付款，提交申请后由管理员核对到账。</p></div><a class="text-link" href="/dashboard">← 返回我的服务</a></section>
{% if error %}<div class="alert error">{{ error }}</div>{% endif %}
<div class="billing-grid">
  <section class="panel plan-panel"><span class="pill">当前套餐</span><h2>{{ plan_name }}</h2><div class="price">{{ plan_amount }}<small> / {{ plan_days }} 天</small></div><div class="plan-rule"><span>可用流量</span><strong>{{ plan_gb }} GB</strong></div><div class="plan-rule"><span>有效期</span><strong>{{ plan_days }} 天</strong></div><p class="hint">续费后有效期顺延、流量额度增加。支付时请在备注中留下便于核对的信息。</p></section>
  <section class="panel payment-panel"><p class="card-kicker">付款方式</p><h2>扫码付款</h2>
    {% if payment_ready %}<div class="qr-frame"><img src="/payment-qr" alt="WK1NG VPN 收款二维码"></div><p class="muted">付款完成后，填写付款备注并点击下方按钮。管理员会在手机上核对到账。</p>
      {% if open_payment %}<div class="alert info">申请 #{{ open_payment.id }} 已提交，当前状态：{{ '处理中' if open_payment.status == 'processing' else '等待管理员核对' }}。请勿重复付款。</div>
      {% else %}<form method="post" action="/billing/submit" class="form-stack"><input type="hidden" name="csrf" value="{{ csrf }}"><label>付款备注（选填）<input name="note" maxlength="180" placeholder="例如：付款时间、付款人昵称或订单尾号"></label><button class="button primary" type="submit">我已付款，提交审核 <span aria-hidden="true">→</span></button></form>{% endif %}
    {% else %}<div class="empty-state"><strong>收款信息正在配置</strong><p>二维码和套餐金额配置好后即可付款。请勿向其他地址转账。</p></div>{% endif %}
  </section>
</div>
{% endblock %}