{% extends "base.html" %}
{% block title %}开单计划 - 国内期货监控系统{% endblock %}
{% block content %}
<h1 class="page-title">开单计划 <span style="font-size:.9rem;color:#888;font-weight:normal">今日 {{ today }}</span></h1>

<div class="card">
    <h2>今日计划（开盘前制定，当日有效）</h2>
    <form action="{{ url_for('add_plan') }}" method="post" class="form-row">
        <div class="symbol-wrap" style="min-width:200px">
            <input type="text" class="symbol-input" placeholder="输入中文名或同花顺代码" autocomplete="off" required>
            <input type="hidden" name="symbol" required>
            <input type="hidden" name="symbol_name">
            <input type="hidden" name="market_code" required>
            <input type="hidden" name="sina_code">
            <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>
    <p class="hint">计划仅当日有效，次日 0 点自动失效并归入历史；触发止盈/止损后标记为已完成。</p>
</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>

<div class="card">
    <h2>历史计划</h2>
    <form method="get" class="filter-row">
        <div class="field">
            <label>开始日期</label>
            <input type="date" name="start" value="{{ start }}">
        </div>
        <div class="field">
            <label>结束日期</label>
            <input type="date" name="end" value="{{ end }}">
        </div>
        <button type="submit" class="btn-primary">筛选</button>
        <a href="{{ url_for('plans') }}" style="color:#888;font-size:.85rem;padding:.7rem">重置</a>
    </form>
    <table>
        <thead>
            <tr>
                <th>日期</th>
                <th>品种</th>
                <th>方向</th>
                <th>区间</th>
                <th>止损</th>
                <th>止盈</th>
                <th>状态</th>
                <th></th>
            </tr>
        </thead>
        <tbody>
            {% for p in history %}
            <tr>
                <td>{{ p.plan_date or '' }}</td>
                <td>{{ p.symbol_name or p.symbol }}</td>
                <td><span class="badge dir">{{ '做多' if p.direction == 'long' else '做空' }}</span></td>
                <td>{{ p.zone_lower }} ~ {{ p.zone_upper }}</td>
                <td>{{ p.stop_loss }}</td>
                <td>{{ p.take_profit }}</td>
                <td>
                    {% if p.status == 'closed' %}<span class="badge profit">已完成</span>
                    {% elif p.status == 'expired' %}<span class="badge expired">已失效</span>
                    {% else %}<span class="badge">{{ p.status }}</span>{% endif %}
                </td>
                <td><a href="{{ url_for('del_plan', pid=p.id) }}" class="btn-del" onclick="return confirm('删除？')">删</a></td>
            </tr>
            {% else %}
            <tr><td colspan="8" style="color:#888">暂无历史记录</td></tr>
            {% endfor %}
        </tbody>
    </table>
</div>
{% endblock %}