{% extends "base.html" %}
{% block title %}实例 · 期权中控{% endblock %}
{% block body %}
<section class="page-head"><h1>客户端实例</h1></section>

<section class="panel">
  <h2>添加实例</h2>
  <form method="post" class="form-grid">
    <input type="hidden" name="action" value="create">
    <label>名称 <input name="name" required placeholder="ETH-主策略"></label>
    <label>公网 URL <input name="base_url" required placeholder="https://okx-eth.example.com"></label>
    <label>Bridge Token <input name="bridge_token" required placeholder="与客户端 HUB_BRIDGE_TOKEN 一致"></label>
    <label>Embed 路径 <input name="embed_path" value="/embed"></label>
    <label>标签 <input name="tags" placeholder="eth,sim"></label>
    <label class="check"><input type="checkbox" name="enabled" value="1" checked> 启用拉取</label>
    <button type="submit">添加</button>
  </form>
</section>

<section class="panel">
  <h2>已登记 ({{ instances|length }})</h2>
  {% if not instances %}
  <p class="muted">暂无实例.先在 crypto_okx 配置 HUB_BRIDGE_TOKEN 并公网可访问.</p>
  {% endif %}
  {% for inst in instances %}
  <details class="inst-row">
    <summary>
      <strong>{{ inst.name }}</strong>
      <span class="muted">{{ inst.base_url }}</span>
      {% if inst.enabled %}启用{% else %}停用{% endif %}
    </summary>
    <form method="post" class="form-grid">
      <input type="hidden" name="action" value="update">
      <input type="hidden" name="id" value="{{ inst.id }}">
      <label>名称 <input name="name" value="{{ inst.name }}" required></label>
      <label>公网 URL <input name="base_url" value="{{ inst.base_url }}" required></label>
      <label>Bridge Token <input name="bridge_token" value="{{ inst.bridge_token }}" required></label>
      <label>Embed 路径 <input name="embed_path" value="{{ inst.embed_path }}"></label>
      <label>标签 <input name="tags" value="{{ inst.tags or '' }}"></label>
      <label class="check"><input type="checkbox" name="enabled" value="1" {% if inst.enabled %}checked{% endif %}> 启用</label>
      <button type="submit">保存</button>
    </form>
    <form method="post" class="inline" onsubmit="return confirm('确认删除？')">
      <input type="hidden" name="action" value="delete">
      <input type="hidden" name="id" value="{{ inst.id }}">
      <button type="submit" class="btn-danger">删除</button>
    </form>
    <p>
      <a class="btn" href="/desk?id={{ inst.id }}">内嵌打开</a>
    </p>
  </details>
  {% endfor %}
</section>
{% endblock %}