{% 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="split-grid">
    <div class="card">
        <h2>今日计划</h2>
        <div class="card-body">
            <p class="hint" style="margin-bottom:.75rem">开盘前制定，当日有效；下方为进行中计划。</p>
            <form action="{{ url_for('add_plan') }}" method="post" class="form-compact">
                <div class="form-line line-3">
                    <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">
                        <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>
                </div>
                <div class="form-line line-3">
                    <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>
                </div>
                <div class="form-line line-btn">
                    <button type="submit" class="btn-primary">添加</button>
                </div>
            </form>
            <h3 style="font-size:.9rem;color:#a9a9ff;margin:.75rem 0 .5rem">进行中</h3>
            <div class="list card-scroll">
                {% for p in plans %}
                <div class="list-item" style="padding:.75rem;font-size:.85rem">
                    <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 }} 损{{ p.stop_loss }} 盈{{ p.take_profit }}</div>
                    <a href="{{ url_for('del_plan', pid=p.id) }}" class="btn-del" onclick="return confirm('删除？')">删</a>
                </div>
                {% else %}
                <div style="color:#888;padding:.75rem;font-size:.85rem">今日暂无进行中的计划</div>
                {% endfor %}
            </div>
        </div>
    </div>

    <div class="card">
        <h2>历史计划</h2>
        <div class="card-body">
            <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>
            <div class="card-scroll">
                <table>
                    <thead><tr><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>
                                {% if p.status == 'closed' %}<span class="badge profit">完成</span>
                                {% elif p.status == 'expired' %}<span class="badge expired">失效</span>
                                {% else %}{{ p.status }}{% endif %}
                            </td>
                        </tr>
                        {% else %}
                        <tr><td colspan="5" style="color:#888">暂无历史</td></tr>
                        {% endfor %}
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</div>
{% endblock %}