{% extends "base.html" %}
{% block title %}工作台 · 期权中控{% endblock %}
{% block body %}
<section class="desk">
  <aside class="desk-side">
    <h2>客户端</h2>
    <ul class="desk-list">
      {% for inst in instances %}
      <li class="{% if current and current.id == inst.id %}active{% endif %}">
        <a href="/desk?id={{ inst.id }}">{{ inst.name }}</a>
      </li>
      {% else %}
      <li class="muted">无启用实例</li>
      {% endfor %}
    </ul>
  </aside>
  <div class="desk-main">
    {% if current and open_url %}
    <div class="desk-toolbar">
      <strong>{{ current.name }}</strong>
      <span class="muted">{{ current.base_url }}</span>
      <a class="btn" href="{{ open_url }}" target="_blank" rel="noopener">新标签打开</a>
      <a class="btn" href="/" >回总览</a>
    </div>
    <iframe class="desk-frame" src="{{ open_url }}" title="{{ current.name }}"></iframe>
    {% else %}
    <div class="empty">请从左侧选择客户端,或到「实例」添加公网 crypto_okx.</div>
    {% endif %}
  </div>
</section>
{% endblock %}