{% extends "admin_base.html" %}
{% set active = 'blocklist' %}
{% block admin_content %}
<h1 class="page-title">IP 黑名单</h1>
<p class="muted small">被封禁的 IP 无法下载文件、无法提交评论。支持整段封禁：以 <span class="mono">.</span> 结尾即按前缀匹配，例如 <span class="mono">192.168.10.</span> 封禁该网段全部地址。</p>
<div class="panel">
  <h2>添加封禁</h2>
  <form method="post" action="/admin/blocklist/add" class="form form-inline">
    <label>IP 或网段前缀<input type="text" name="ip" required class="mono" placeholder="192.168.1.66 或 192.168.10."></label>
    <label>原因<input type="text" name="reason" maxlength="255" placeholder="如：脚本批量刷下载"></label>
    <button class="btn btn-primary" type="submit">封禁</button>
  </form>
</div>
<div class="panel">
  <h2>已封禁 <span class="muted small">共 {{ rows|length }} 条</span></h2>
  <table class="table">
    <thead><tr><th>IP / 网段</th><th>原因</th><th>封禁时间</th><th class="num">操作</th></tr></thead>
    <tbody>
      {% for r in rows %}
      <tr>
        <td class="mono">{{ r['ip'] }}</td>
        <td class="small">{{ r['reason'] or '—' }}</td>
        <td class="mono small">{{ r['created_at'] }}</td>
        <td class="num">
          <form method="post" action="/admin/blocklist/{{ r['id'] }}/delete" class="inline"
                onsubmit="return confirm('解除对 {{ r['ip'] }} 的封禁？')">
            <button class="btn btn-sm btn-ghost" type="submit">解封</button>
          </form>
        </td>
      </tr>
      {% else %}
      <tr><td colspan="4" class="muted">暂无封禁记录</td></tr>
      {% endfor %}
    </tbody>
  </table>
</div>
{% endblock %}