{{define "trades-content"}}
<div id="tab-trades" class="tab-content">
    <div class="sticky-header">
        <h2>All Trades</h2>
    </div>

    <table>
        <thead>
            <tr>
                <th>ID</th>
                <th>Symbol</th>
                <th>Action</th>
                <th>Quantity</th>
                <th>Status</th>
                <th>Price</th>
                <th>P&L</th>
                <th>Confidence</th>
                <th>Reasoning</th>
                <th>Created</th>
                <th>Actions</th>
            </tr>
        </thead>
        <tbody id="trades-body">
            <tr><td colspan="11" style="text-align: center;">Loading...</td></tr>
        </tbody>
    </table>
</div>
{{end}}