{% extends "nav" %}
{% block title %}交易{% endblock title %}
{% block container %}
<div class="">
    <table class="table is-fullwidth is-striped is-bordered">
        <thead>
        <tr>
            <th>代码</th>
            <th>名称</th>
            <th>买入日期</th>
            <th>买入价</th>
            <th>成交量</th>
            <th><abbr title="买入金额+佣金+过户费等各种手续费">实际买入</abbr></th>
            <th>卖出日期</th>
            <th>卖出价</th>
            <th>成交量</th>
            <th><abbr title="卖出金额-佣金-各种手续费">实际卖出</abbr></th>
            <th>收益</th>
            <th>实际收益</th>
            <th>操作</th>
        </tr>
        </thead>
        <tbody>
        {% for r in rows %}
        {% if r.split_pieces %}
        {% for p in r.split_pieces %}
        <tr class="{% if r.is_done %}{% if r.net_gain|float > 0 %}is-success{% else %}is-danger{% endif %}{% else %}is-warning{% endif %}">
            {% if loop.index == 1 %}
            <td rowspan="{{ loop.length }}" style="vertical-align: middle;">{{ r.code }}</td>
            <td rowspan="{{ loop.length }}" style="vertical-align: middle;">{{ r.name }}</td>
            <td rowspan="{{ loop.length }}" style="vertical-align: middle;">{{ r.date }}</td>
            <td rowspan="{{ loop.length }}" style="vertical-align: middle;">{{ r.buy }}</td>
            <td rowspan="{{ loop.length }}" style="vertical-align: middle;">{{ r.volume }}</td>
            <td rowspan="{{ loop.length }}" style="vertical-align: middle;">{{ r.net_buy }}</td>
            <td>{{ p.date or "" }}</td>
            <td>{{ p.sell or "" }}</td>
            <td>{{ p.volume or "" }}</td>
            <td>{{ p.net_sell or "" }}</td>
            <td rowspan="{{ loop.length }}" style="vertical-align: middle;">{{ (r.gain or 0)|float|round(4) }}%</td>
            <td rowspan="{{ loop.length }}" style="vertical-align: middle;">{{ (r.net_gain or 0)|float|round(4) }}%</td>
            <td rowspan="{{ loop.length }}" style="vertical-align: middle;">
                <a href="#">修改</a>
            </td>
            {% else %}
            <td>{{ p.date or "" }}</td>
            <td>{{ p.sell or "" }}</td>
            <td>{{ p.volume or "" }}</td>
            <td>{{ p.net_sell or "" }}</td>
            {% endif %}
        </tr>
        {% endfor %}
        {% else %}
        <tr class="is-warning">
            <td>{{ r.code }}</td>
            <td>{{ r.name }}</td>
            <td>{{ r.date }}</td>
            <td>{{ r.buy }}</td>
            <td>{{ r.volume }}</td>
            <td>{{ r.net_buy }}</td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td>-</td>
            <td>-</td>
            <td><a href="#">修改</a></td>
        </tr>
        {% endif %}
        {% endfor %}
        <tr class="is-light">
            <td colspan="14" style="text-align: center"><a id="addEntry">添加</a></td>
        </tr>
        </tbody>
    </table>
</div>

{% endblock container %}