{# Copyright (c) 2025-2026 马建军. All rights reserved. 专有软件，详见 LICENSE.zh-CN.txt #}
{% extends "base.html" %}
{% block title %}数据看板 - 国内期货 · 交易复盘系统{% endblock %}
{% block extra_css %}
<link rel="stylesheet" href="{{ url_for('static', filename='css/dashboard.css') }}?v={{ asset_v }}">
{% endblock %}
{% block content %}

<div class="dashboard-page">
    <div class="dashboard-top">
        <div class="dashboard-top-left">
            <span class="badge planned" id="dash-mode-badge">—</span>
            <span class="badge planned" id="dash-ctp-badge">CTP 检测中…</span>
            <span class="text-muted dash-updated" id="dash-updated">正在加载…</span>
        </div>
    </div>

    <div class="card dashboard-account-card">
        <div class="stat-grid stat-grid-summary dashboard-account-grid">
            <div class="stat-item">
                <div class="label">账户权益</div>
                <div class="value" id="dash-equity">—</div>
            </div>
            <div class="stat-item">
                <div class="label">占用保证金</div>
                <div class="value" id="dash-margin">—</div>
            </div>
            <div class="stat-item">
                <div class="label">可用权益</div>
                <div class="value" id="dash-available">—</div>
            </div>
        </div>
    </div>

    <div class="card dashboard-section dashboard-risk-card">
        <h2>风控说明</h2>
        <p class="dashboard-risk-reason" id="dash-risk-reason">加载中…</p>
        <div class="stat-grid stat-grid-summary dashboard-risk-grid" id="dash-risk-grid"></div>
    </div>

    <div class="card dashboard-section">
        <h2>持仓信息</h2>
        <div class="card-scroll">
            <table class="dashboard-table" id="dash-positions-table">
                <thead>
                    <tr>
                        <th>品种</th>
                        <th>方向</th>
                        <th>手数</th>
                        <th>均价</th>
                        <th>现价</th>
                        <th>浮盈亏</th>
                        <th>保证金</th>
                        <th>止损/止盈</th>
                    </tr>
                </thead>
                <tbody id="dash-positions-body">
                    <tr><td colspan="8" class="text-muted">加载中…</td></tr>
                </tbody>
            </table>
        </div>
    </div>

    <div class="card dashboard-section">
        <h2>关键位监控</h2>
        <div class="card-scroll">
            <table class="dashboard-table" id="dash-keys-table">
                <thead>
                    <tr>
                        <th>品种</th>
                        <th>类型</th>
                        <th>周期</th>
                        <th>上沿</th>
                        <th>下沿</th>
                        <th>现价</th>
                        <th>距上沿</th>
                        <th>距下沿</th>
                    </tr>
                </thead>
                <tbody id="dash-keys-body">
                    <tr><td colspan="8" class="text-muted">加载中…</td></tr>
                </tbody>
            </table>
        </div>
    </div>

    <div class="card dashboard-section">
        <h2>平仓记录</h2>
        <div class="card-scroll">
            <table class="dashboard-table" id="dash-closes-table">
                <thead>
                    <tr>
                        <th>品种</th>
                        <th>方向</th>
                        <th>手数</th>
                        <th>开仓</th>
                        <th>平仓</th>
                        <th>盈亏</th>
                        <th>净盈亏</th>
                        <th>平仓时间</th>
                    </tr>
                </thead>
                <tbody id="dash-closes-body">
                    <tr><td colspan="8" class="text-muted">加载中…</td></tr>
                </tbody>
            </table>
        </div>
    </div>
</div>

{% endblock %}
{% block extra_js %}
<script src="{{ url_for('static', filename='js/dashboard.js') }}?v={{ asset_v }}"></script>
{% endblock %}