{% extends 'base.html' %}

{% block title %}监控记录详情 - 期货数据管理系统{% endblock %}

{% block content %}
<div class="d-flex justify-content-between align-items-center mb-4">
    <h2>监控记录详情</h2>
    <div>
        <a href="{{ url_for('monitor.edit', id=monitor.id) }}" class="btn btn-primary">编辑</a>
        <a href="{{ url_for('monitor.index') }}" class="btn btn-secondary">返回列表</a>
    </div>
</div>

<div class="row">
    <div class="col-lg-8">
        <div class="card">
            <div class="card-header">
                <h3 class="card-title">基本信息</h3>
            </div>
            <div class="card-body">
                <div class="row mb-3">
                    <label class="col-sm-3 col-form-label">合约代码:</label>
                    <div class="col-sm-9">
                        <p class="form-control-plaintext">{{ monitor.contract or '-' }}</p>
                    </div>
                </div>
                <div class="row mb-3">
                    <label class="col-sm-3 col-form-label">名称:</label>
                    <div class="col-sm-9">
                        <p class="form-control-plaintext">{{ monitor.name or '-' }}</p>
                    </div>
                </div>
                <div class="row mb-3">
                    <label class="col-sm-3 col-form-label">市场:</label>
                    <div class="col-sm-9">
                        <p class="form-control-plaintext">
                            {% if monitor.market == 0 %}国内{% elif monitor.market == 1 %}国外{% else %}未知{% endif %}
                        </p>
                    </div>
                </div>
                <div class="row mb-3">
                    <label class="col-sm-3 col-form-label">合约字母:</label>
                    <div class="col-sm-9">
                        <p class="form-control-plaintext">{{ monitor.contract_letter or '-' }}</p>
                    </div>
                </div>
                <div class="row mb-3">
                    <label class="col-sm-3 col-form-label">关注原因:</label>
                    <div class="col-sm-9">
                        <p class="form-control-plaintext">{{ monitor.opportunity or '-' }}</p>
                    </div>
                </div>
                <div class="row mb-3">
                    <label class="col-sm-3 col-form-label">关注状态:</label>
                    <div class="col-sm-9">
                        <p class="form-control-plaintext">
                            {% set status_map = {0: '观察中', 1: '重点关注', 2: '已触发', 3: '已失效'} %}
                            <span class="badge 
                                {% if monitor.status == 0 %}bg-secondary{% elif monitor.status == 1 %}bg-warning{% elif monitor.status == 2 %}bg-success{% elif monitor.status == 3 %}bg-danger{% else %}bg-light{% endif %}">
                                {{ status_map.get(monitor.status, '未知状态') }}
                            </span>
                        </p>
                    </div>
                </div>
            </div>
        </div>
    </div>
    
    <div class="col-lg-4">
        <div class="card">
            <div class="card-header">
                <h3 class="card-title">价格信息</h3>
            </div>
            <div class="card-body">
                <div class="row mb-3">
                    <label class="col-sm-6 col-form-label">关键价格:</label>
                    <div class="col-sm-6">
                        <p class="form-control-plaintext">
                            {{ '%.2f'|format(monitor.key_price) if monitor.key_price else '-' }}
                        </p>
                    </div>
                </div>
                <div class="row mb-3">
                    <label class="col-sm-6 col-form-label">最新价格:</label>
                    <div class="col-sm-6">
                        <p class="form-control-plaintext">
                            {{ '%.2f'|format(monitor.latest_price) if monitor.latest_price else '-' }}
                        </p>
                    </div>
                </div>
                <div class="row mb-3">
                    <label class="col-sm-6 col-form-label">开仓价格:</label>
                    <div class="col-sm-6">
                        <p class="form-control-plaintext">
                            {{ '%.2f'|format(monitor.open_price) if monitor.open_price else '-' }}
                        </p>
                    </div>
                </div>
                <div class="row mb-3">
                    <label class="col-sm-6 col-form-label">做多开仓价:</label>
                    <div class="col-sm-6">
                        <p class="form-control-plaintext">
                            {{ '%.2f'|format(monitor.open_long_price) if monitor.open_long_price else '-' }}
                        </p>
                    </div>
                </div>
                <div class="row mb-3">
                    <label class="col-sm-6 col-form-label">做空开仓价:</label>
                    <div class="col-sm-6">
                        <p class="form-control-plaintext">
                            {{ '%.2f'|format(monitor.open_short_price) if monitor.open_short_price else '-' }}
                        </p>
                    </div>
                </div>
                <div class="row mb-3">
                    <label class="col-sm-6 col-form-label">做多触发价:</label>
                    <div class="col-sm-6">
                        <p class="form-control-plaintext">
                            {{ '%.2f'|format(monitor.open_long_trigger_price) if monitor.open_long_trigger_price else '-' }}
                        </p>
                    </div>
                </div>
                <div class="row mb-3">
                    <label class="col-sm-6 col-form-label">做空触发价:</label>
                    <div class="col-sm-6">
                        <p class="form-control-plaintext">
                            {{ '%.2f'|format(monitor.open_short_trigger_price) if monitor.open_short_trigger_price else '-' }}
                        </p>
                    </div>
                </div>
            </div>
        </div>
        
        <div class="card mt-3">
            <div class="card-header">
                <h3 class="card-title">保证金信息</h3>
            </div>
            <div class="card-body">
                <div class="row mb-3">
                    <label class="col-sm-7 col-form-label">做多一手保证金:</label>
                    <div class="col-sm-5">
                        <p class="form-control-plaintext">
                            {{ '%.2f'|format(monitor.open_long_margin_per_unit) if monitor.open_long_margin_per_unit else '-' }}
                        </p>
                    </div>
                </div>
                <div class="row mb-3">
                    <label class="col-sm-7 col-form-label">做空一手保证金:</label>
                    <div class="col-sm-5">
                        <p class="form-control-plaintext">
                            {{ '%.2f'|format(monitor.open_short_margin_per_unit) if monitor.open_short_margin_per_unit else '-' }}
                        </p>
                    </div>
                </div>
            </div>
        </div>
        
        <div class="card mt-3">
            <div class="card-header">
                <h3 class="card-title">技术分析</h3>
            </div>
            <div class="card-body">
                <div class="row mb-3">
                    <label class="col-sm-5 col-form-label">K线形态:</label>
                    <div class="col-sm-7">
                        <p class="form-control-plaintext">{{ monitor.candle_pattern or '-' }}</p>
                    </div>
                </div>
                <div class="row mb-3">
                    <label class="col-sm-5 col-form-label">长期趋势:</label>
                    <div class="col-sm-7">
                        <p class="form-control-plaintext">{{ monitor.long_trend_name or '-' }}</p>
                    </div>
                </div>
                <div class="row mb-3">
                    <label class="col-sm-5 col-form-label">中期趋势:</label>
                    <div class="col-sm-7">
                        <p class="form-control-plaintext">{{ monitor.mid_trend_name or '-' }}</p>
                    </div>
                </div>
                <div class="row mb-3">
                    <label class="col-sm-5 col-form-label">相似度评估:</label>
                    <div class="col-sm-7">
                        <p class="form-control-plaintext">{{ monitor.similarity_evaluation or '-' }}</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
{% endblock %}