{% extends "base.html" %}
{% block title %}总览 · 期权中控{% endblock %}
{% block body %}
<section class="page-head">
  <h1>期权持仓总览</h1>
  <div class="overview-quotes" id="overview-quotes" title="来自在线客户端 · 相对北京 08:00">
    <div class="overview-quote-row" data-base="ETH">
      <span class="overview-quote-sym">ETH</span>
      <span class="overview-quote-last" data-field="last">—</span>
      <span class="overview-quote-chg" data-field="change">—</span>
      <span class="overview-quote-pct" data-field="change_pct">—</span>
    </div>
    <div class="overview-quote-row" data-base="BTC">
      <span class="overview-quote-sym">BTC</span>
      <span class="overview-quote-last" data-field="last">—</span>
      <span class="overview-quote-chg" data-field="change">—</span>
      <span class="overview-quote-pct" data-field="change_pct">—</span>
    </div>
  </div>
  <div class="overview-bj-clock" id="overview-bj-clock" title="Asia/Shanghai">
    <span class="overview-bj-label">北京时间</span>
    <time class="overview-bj-time" id="overview-bj-time" datetime="">--</time>
    <span class="overview-bj-meta" id="overview-bj-meta"></span>
  </div>
  <button type="button" class="btn" id="btn-refresh">刷新</button>
</section>
<p class="muted" id="overview-status">加载中…</p>
<section class="overview-summary" id="overview-summary" hidden></section>
<div id="overview-grid"></div>
{% endblock %}
{% block scripts %}
<script src="{{ url_for('static', filename='hub.js') }}?v=21"></script>
<script>HubOverview.boot();</script>
{% endblock %}