{% extends "base.html" %}
{% block title %}开单计划 - 国内期货监控系统{% endblock %}
{% block content %}
<h1 class="page-title">开单计划</h1>

<div class="card">
    <h2>新增计划</h2>
    <form action="{{ url_for('add_plan') }}" method="post" class="form-row">
        <div class="symbol-wrap">
            <input type="text" class="symbol-input" placeholder="输入中文品种名" autocomplete="off" required>
            <input type="hidden" name="symbol" required>
            <input type="hidden" name="symbol_name">
            <div class="symbol-dropdown"></div>
            <div class="symbol-selected"></div>
        </div>
        <select name="direction" required>
            <option value="">选择方向</option>
            <option value="long">做多</option>
            <option value="short">做空</option>
        </select>
        <input name="zone_lower" type="number" step="0.0001" placeholder="决策区间下限" required>
        <input name="zone_upper" type="number" step="0.0001" placeholder="决策区间上限" required>
        <input name="stop_loss" type="number" step="0.0001" placeholder="止损价位" required>
        <input name="take_profit" type="number" step="0.0001" placeholder="止盈价位" required>
        <button type="submit" class="btn-primary">添加计划</button>
    </form>
</div>

<div class="card">
    <h2>进行中计划</h2>
    <div class="list">
        {% for p in plans %}
        <div class="list-item">
            <div>
                <strong>{{ p.symbol_name or p.symbol }}</strong>
                <span class="badge dir">{{ '做多' if p.direction == 'long' else '做空' }}</span>
                {% if p.status == 'planned' %}
                <span class="badge planned">待触发</span>
                {% else %}
                <span class="badge active">已激活</span>
                {% endif %}
            </div>
            <div>区间: {{ p.zone_lower }} ~ {{ p.zone_upper }}</div>
            <div>止损: {{ p.stop_loss }} | 止盈: {{ p.take_profit }}</div>
            <div style="font-size:.8rem;color:#888">{{ p.symbol }}</div>
            <a href="{{ url_for('del_plan', pid=p.id) }}" class="btn-del" onclick="return confirm('删除此计划？')">删除</a>
        </div>
        {% else %}
        <div style="color:#888;padding:1rem">暂无进行中的开单计划</div>
        {% endfor %}
    </div>
</div>

{% if closed %}
<div class="card">
    <h2>最近已完成</h2>
    <div class="list">
        {% for p in closed %}
        <div class="list-item">
            <div><strong>{{ p.symbol_name or p.symbol }}</strong> <span class="badge dir">{{ '做多' if p.direction == 'long' else '做空' }}</span></div>
            <div>区间: {{ p.zone_lower }} ~ {{ p.zone_upper }} | 损: {{ p.stop_loss }} 盈: {{ p.take_profit }}</div>
            <a href="{{ url_for('del_plan', pid=p.id) }}" class="btn-del" onclick="return confirm('删除？')">删除</a>
        </div>
        {% endfor %}
    </div>
</div>
{% endif %}
{% endblock %}