{% 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="button secondary" href="/admin/nodes">管理节点 →</a></section>
{% if request.query_params.get('error') %}<div class="alert error">开通失败，请检查错误信息并重试。申请仍在待处理列表中。</div>{% endif %}
{% if request.query_params.get('done') %}<div class="alert success">已批准并开通用户服务。</div>{% endif %}
<div class="stat-grid"><div class="stat-card"><span>待处理申请</span><strong>{{ stats.pending }}</strong><small>需要核对到账</small></div><div class="stat-card"><span>已开通申请</span><strong>{{ stats.approved }}</strong><small>累计批准</small></div><div class="stat-card"><span>注册用户</span><strong>{{ stats.accounts }}</strong><small>不含管理员</small></div></div>
<section class="panel table-panel"><div class="section-row"><div><p class="card-kicker">人工审核</p><h2>付款申请</h2></div><span class="subtle">批准前请确认手机收款记录</span></div>
  {% if payments %}<div class="table-wrap"><table><thead><tr><th>申请</th><th>用户</th><th>金额 / 备注</th><th>提交时间</th><th>状态与操作</th></tr></thead><tbody>
    {% for payment in payments %}<tr><td class="mono">#{{ payment.id }}</td><td>{{ payment.email }}</td><td><strong>{{ payment.amount }}</strong>{% if payment.note %}<small class="row-note">{{ payment.note }}</small>{% endif %}</td><td>{{ payment.submitted_at|fmt_time }}</td><td><span class="status {{ payment.status }}">{% if payment.status == 'approved' %}已开通{% elif payment.status == 'rejected' %}已拒绝{% elif payment.status == 'processing' %}处理中{% else %}待核款{% endif %}</span>
      {% if payment.error_message %}<small class="row-error">{{ payment.error_message }}</small>{% endif %}
      {% if payment.status == 'pending' %}<div class="action-pair"><form method="post" action="/admin/payments/{{ payment.id }}/approve"><input type="hidden" name="csrf" value="{{ csrf }}"><button class="button small primary" type="submit">确认到账并开通</button></form><form method="post" action="/admin/payments/{{ payment.id }}/reject"><input type="hidden" name="csrf" value="{{ csrf }}"><button class="button small ghost" type="submit">拒绝</button></form></div>{% endif %}</td></tr>{% endfor %}
  </tbody></table></div>{% else %}<div class="empty-state"><strong>暂无付款申请</strong><p>用户提交“我已付款”后会显示在这里。</p></div>{% endif %}
</section>
{% endblock %}