{% extends "base.html" %}
{% block title %}条件单 · 期权中控{% endblock %}
{% block body %}
<section class="page-head">
  <h1>条件开仓单</h1>
  <button type="button" class="btn" id="btn-cond-refresh">刷新</button>
</section>
<p class="muted">中控只下发指令;行情监控与买币/开仓/平仓/卖币均在客户端本地执行。有仓或已占用的机器不可选。</p>

<div class="panel">
  <h2 style="margin:0 0 10px;font-size:1rem">新建条件单</h2>
  <div class="form-grid" id="cond-form">
    <label>标的
      <select id="cf-underlying">
        <option value="ETH">ETH</option>
        <option value="BTC">BTC</option>
      </select>
    </label>
    <label>方向
      <select id="cf-opt-type">
        <option value="P">看跌 Put</option>
        <option value="C">看涨 Call</option>
      </select>
    </label>
    <label>触发
      <select id="cf-trigger-side">
        <option value="gte">指数 ≥ 触发价(上穿)</option>
        <option value="lte">指数 ≤ 触发价(下穿)</option>
      </select>
    </label>
    <label>触发价
      <input id="cf-trigger-px" type="number" step="any" placeholder="如 3000" required>
    </label>
    <label>偏离 %
      <input id="cf-deviation" type="number" step="0.1" value="1" placeholder="1" required>
    </label>
    <label>最短到期(小时)
      <input id="cf-expiry-h" type="number" step="1" value="24" placeholder="24" required>
    </label>
    <label>出场目标指数(可选)
      <input id="cf-target" type="number" step="any" placeholder="如 2800">
    </label>
    <label class="check"><input id="cf-pe" type="checkbox" checked> 翻倍出场</label>
    <label>翻倍倍数
      <input id="cf-pe-mult" type="number" step="0.1" value="1" placeholder="1">
    </label>
  </div>
  <div style="margin-top:12px">
    <div class="muted" style="margin-bottom:6px">选择客户端</div>
    <div id="cf-instances" class="inst-pick"></div>
  </div>
  <div style="margin-top:12px">
    <button type="button" class="btn" id="btn-cond-create">下发条件单</button>
    <span class="muted" id="cf-status"></span>
  </div>
</div>

<div class="panel">
  <h2 style="margin:0 0 10px;font-size:1rem">条件单列表</h2>
  <div id="cond-list" class="muted">加载中…</div>
</div>
{% endblock %}
{% block scripts %}
<script src="{{ url_for('static', filename='cond_orders.js') }}"></script>
<script>HubCondOrders.boot();</script>
{% endblock %}