{% extends "base.html" %}
{% block title %}系统管理 · SOCKS Manager{% endblock %}

{% block content %}
<div class="page-header">
  <h5><i class="bi bi-shield-lock"></i> 系统管理</h5>
</div>

<!-- 备份管理 -->
<div class="card mb-3">
  <div class="card-header d-flex justify-content-between align-items-center">
    <span><i class="bi bi-download"></i> 数据库备份</span>
    <form method="post" action="/system/backup" style="display:inline">
      <button type="submit" class="btn btn-primary btn-sm">
        <i class="bi bi-plus-lg"></i> 立即备份</button>
    </form>
  </div>
  <div class="card-body p-0">
    <table class="table table-dark table-sm">
      <thead><tr><th>文件名</th><th>大小</th><th>创建时间</th><th>备注</th><th>操作</th></tr></thead>
      <tbody>
        {% for b in backups %}
        <tr>
          <td><code>{{ b.filename }}</code></td>
          <td>{{ b.size_mb }} MB</td>
          <td>{{ b.created_at[:16] }}</td>
          <td>{{ b.note or '-' }}</td>
          <td>
            {% if b.exists %}
            <form method="post" action="/system/restore/{{ b.id }}" style="display:inline"
                  onsubmit="return confirm('确认从备份 {{ b.filename }} 恢复？当前数据将被覆盖。')">
              <button class="btn btn-outline-warning btn-sm">
                <i class="bi bi-arrow-counterclockwise"></i> 恢复</button>
            </form>
            {% else %}
            <span class="text-muted">文件已删除</span>
            {% endif %}
          </td>
        </tr>
        {% endfor %}
      </tbody>
    </table>
    {% if not backups %}
    <div class="text-center py-4 text-muted">暂无备份</div>
    {% endif %}
  </div>
</div>

<!-- 系统信息 -->
<div class="card mb-3">
  <div class="card-header"><span><i class="bi bi-info-circle"></i> 系统信息</span></div>
  <div class="card-body">
    <table class="table table-dark table-sm">
      <tbody>
        <tr><td class="text-muted">Python 版本</td><td>{{ sys_version }}</td></tr>
        <tr><td class="text-muted">操作系统</td><td>{{ sys_platform }}</td></tr>
        <tr><td class="text-muted">主机名</td><td>{{ sys_hostname }}</td></tr>
        <tr><td class="text-muted">数据库</td><td>SQLite (socks_manager.db)</td></tr>
        <tr><td class="text-muted">启动时间</td><td>{{ uptime }}</td></tr>
      </tbody>
    </table>
  </div>
</div>

<!-- API 密钥 -->
<div class="card">
  <div class="card-header"><span><i class="bi bi-key"></i> API 密钥</span></div>
  <div class="card-body">
    <p class="text-muted small">RESTful API 端点: <code>/api/</code>，支持全部管理功能。
      可使用 Session Cookie 认证（登录后自动附带）。</p>
    <div class="row g-3">
      <div class="col-md-6">
        <div class="card" style="background:var(--bg-tertiary)">
          <div class="card-body">
            <h6 class="text-muted small">创建实例</h6>
            <code>POST /api/instances<br>
            {"name":"main","listen_port":1080,"auth_method":"userpass"}</code>
          </div>
        </div>
      </div>
      <div class="col-md-6">
        <div class="card" style="background:var(--bg-tertiary)">
          <div class="card-body">
            <h6 class="text-muted small">创建用户</h6>
            <code>POST /api/users<br>
            {"username":"test","password":"pass","bandwidth_down":10}</code>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>

{% endblock %}