@if($positions->isEmpty() && $leveragedOpen->isEmpty())
    <div class="p-4 text-center" style="color:var(--text-muted);font-size:.85rem">
        No open positions. <a href="{{ route('portal.markets') }}" style="color:var(--accent)">Browse markets</a> to start trading.
    </div>
@else
<div class="table-responsive">
    <table class="dark-table w-100">
        <thead><tr>
            <th>Type</th><th>Trade ID</th><th>Opened</th><th>Instrument</th><th>Direction</th>
            <th class="text-end">QTY / UNITS</th><th class="text-end">Entry</th>
            <th class="text-end">Current</th><th class="text-end">Value</th>
            <th class="text-end">P&amp;L</th><th>Protection</th><th class="text-end">Action</th>
        </tr></thead>
        <tbody>
        @foreach($positions as $pos)
        @php
            $lp = (float) ($pos->symbol ? (\App\Support\LiveMarketQuoteStore::priceOrLatest($pos->symbol) ?? 0) : 0);
            $val = $pos->quantity * $lp;
            $pnl = ($lp - $pos->avg_price) * $pos->quantity;
            $pnlPct = $pos->avg_price > 0 ? (($lp - $pos->avg_price) / $pos->avg_price) * 100 : 0;
        @endphp
        <tr data-position-type="asset" data-position-id="{{ $pos->id }}" data-symbol-id="{{ $pos->symbol_id }}">
            <td><span class="badge" style="background:rgba(59,130,246,.15);color:#60a5fa">Asset</span></td>
            <td style="white-space:nowrap;font-family:monospace;font-weight:700;color:var(--text-secondary)" title="Asset position {{ $pos->id }}">{{ $pos->public_trade_id }}</td>
            <td style="white-space:nowrap;color:var(--text-secondary)">
                <time datetime="{{ $pos->created_at?->toIso8601String() }}" title="{{ $pos->created_at?->toIso8601String() }}">
                    {{ $pos->created_at?->format('M j, Y H:i') ?? '—' }} UTC
                </time>
            </td>
            <td><div class="symbol-cell">@include('portal.partials.symbol-icon', ['symbol' => $pos->symbol])<div><div class="symbol-name">{{ $pos->symbol->name ?? '-' }}</div><div class="symbol-ticker" style="color:var(--text-muted);font-size:.7rem">{{ $pos->symbol?->display_symbol ?? '—' }}</div></div></div></td>
            <td><span style="color:#60a5fa">LONG</span></td>
            <td class="text-end" style="font-variant-numeric:tabular-nums">{{ rtrim(rtrim(number_format($pos->quantity, 8), '0'), '.') }}</td>
            <td class="text-end" style="font-variant-numeric:tabular-nums">{{ number_format($pos->avg_price, $pos->symbol->decimal_places ?? 2) }}</td>
            <td class="text-end dashboardPositionCurrent" data-symbol-id="{{ $pos->symbol_id }}" data-decimals="{{ $pos->symbol->decimal_places ?? 2 }}" style="font-variant-numeric:tabular-nums">{{ $lp > 0 ? number_format($lp, $pos->symbol->decimal_places ?? 2) : '—' }}</td>
            <td class="text-end fw-semibold" style="font-variant-numeric:tabular-nums">{{ $lp > 0 ? '$'.number_format($val, 2) : '—' }}</td>
            <td class="text-end fw-semibold" style="font-variant-numeric:tabular-nums">@if($lp > 0)<span style="color:{{ $pnl >= 0 ? '#0ecb81' : '#f6465d' }}">{{ ($pnl >= 0 ? '+' : '').number_format($pnl, 2) }}</span><br><small style="font-size:.7rem;color:{{ $pnlPct >= 0 ? '#0ecb81' : '#f6465d' }}">({{ ($pnlPct >= 0 ? '+' : '').number_format($pnlPct, 2) }}%)</small>@else — @endif</td>
            <td class="text-muted">—</td>
            <td class="text-end"><a href="{{ route('portal.trade', $pos->symbol_id) }}" style="display:inline-block;padding:.28rem .65rem;font-size:.75rem;font-weight:700;border-radius:5px;background:#0ecb811a;color:#0ecb81;text-decoration:none;border:1px solid #0ecb8133">Trade</a></td>
        </tr>
        @endforeach
        @foreach($leveragedOpen as $position)
        @php
            $leveragedCurrent = (float) ($position->symbol ? (\App\Support\LiveMarketQuoteStore::priceOrLatest($position->symbol) ?? 0) : 0);
            $leveragedPnl = $leveragedCurrent > 0 ? app(\App\Services\LeveragedTradingService::class)->pnl($position, $leveragedCurrent) : 0;
            $leveragedUnits = $position->entry_price > 0 ? $position->exposure / $position->entry_price : 0;
            $leveragedDecimals = $position->symbol->decimal_places ?? 2;
        @endphp
        <tr data-position-type="leveraged" data-position-id="{{ $position->id }}" data-symbol-id="{{ $position->symbol_id }}">
            <td><span class="badge" style="background:rgba(139,92,246,.18);color:#a78bfa">Leveraged</span></td>
            <td style="white-space:nowrap;font-family:monospace;font-weight:700;color:var(--text-secondary)" title="Leveraged position {{ $position->id }}">{{ $position->public_trade_id }}</td>
            <td style="white-space:nowrap;color:var(--text-secondary)">
                @php $leveragedOpenedAt = $position->opened_at ?? $position->created_at; @endphp
                <time datetime="{{ $leveragedOpenedAt?->toIso8601String() }}" title="{{ $leveragedOpenedAt?->toIso8601String() }}">
                    {{ $leveragedOpenedAt?->format('M j, Y H:i') ?? '—' }} UTC
                </time>
            </td>
            <td><div class="symbol-cell">@include('portal.partials.symbol-icon', ['symbol' => $position->symbol])<div><div class="symbol-name">{{ $position->symbol->name ?? '-' }}</div><div class="symbol-ticker" style="color:var(--text-muted);font-size:.7rem">{{ $position->symbol?->display_symbol ?? '—' }}</div></div></div></td>
            <td><span style="color:{{ $position->direction === 'up' ? '#0ecb81' : '#f6465d' }}">{{ strtoupper($position->direction) }}</span><small class="d-block text-muted">{{ $position->leverage }}×</small></td>
            <td class="text-end" style="font-variant-numeric:tabular-nums">{{ rtrim(rtrim(number_format($leveragedUnits, 8), '0'), '.') }}</td>
            <td class="text-end" style="font-variant-numeric:tabular-nums">{{ number_format($position->entry_price, $leveragedDecimals) }}</td>
            <td class="text-end dashboardPositionCurrent dashboardLeveragedCurrent" data-position-id="{{ $position->id }}" data-symbol-id="{{ $position->symbol_id }}" data-decimals="{{ $leveragedDecimals }}" style="font-variant-numeric:tabular-nums">{{ $leveragedCurrent > 0 ? number_format($leveragedCurrent, $leveragedDecimals) : '—' }}</td>
            <td class="text-end" style="font-variant-numeric:tabular-nums">USD {{ number_format($position->exposure, 2) }}</td>
            <td class="text-end fw-semibold"><span class="dashboardLeveragedPnl" data-position-id="{{ $position->id }}" style="color:{{ $leveragedPnl >= 0 ? '#0ecb81' : '#f6465d' }}">USD {{ number_format($leveragedPnl, 2) }}</span></td>
            <td><form class="dashboardLeveragedLevels" data-id="{{ $position->id }}" style="min-width:180px"><div class="d-flex gap-1"><input class="form-control form-control-sm" name="stop_loss" type="number" step="any" placeholder="SL" value="{{ $position->stop_loss }}" aria-label="Stop Loss"><input class="form-control form-control-sm" name="take_profit" type="number" step="any" placeholder="TP" value="{{ $position->take_profit }}" aria-label="Take Profit"></div><button type="submit" class="btn btn-link btn-sm p-0" style="color:var(--accent)">Save levels</button></form></td>
            <td class="text-end"><button type="button" class="btn btn-sm btn-outline-danger dashboardLeveragedClose" data-id="{{ $position->id }}" title="Close leveraged position" aria-label="Close leveraged position">Close</button></td>
        </tr>
        @endforeach
        </tbody>
        @php
            $summary = $summary ?? ['balance' => 0, 'credit' => 0, 'equity' => 0, 'margin' => 0, 'margin_level' => null, 'free_margin' => 0, 'unrealized_pnl' => 0];
            $summaryMoney = fn ($value) => 'USD '.number_format((float) $value, 2);
        @endphp
        <tfoot>
            <tr class="dashboard-position-summary-row">
                <td colspan="12">
                    <div class="dashboard-position-summary" aria-label="Open positions summary">
                        <span><strong>Balance:</strong> <b data-dashboard-summary="balance">{{ $summaryMoney($summary['balance']) }}</b></span>
                        <span><strong>Credit:</strong> <b data-dashboard-summary="credit">{{ $summaryMoney($summary['credit']) }}</b></span>
                        <span><strong>Equity:</strong> <b data-dashboard-summary="equity">{{ $summaryMoney($summary['equity']) }}</b></span>
                        <span><strong>Margin:</strong> <b data-dashboard-summary="margin">{{ $summaryMoney($summary['margin']) }}</b></span>
                        <span><strong>Margin level:</strong> <b data-dashboard-summary="margin_level">{{ $summary['margin_level'] === null ? 'N/A' : number_format($summary['margin_level'], 2).'%' }}</b></span>
                        <span><strong>Free margin:</strong> <b data-dashboard-summary="free_margin">{{ $summaryMoney($summary['free_margin']) }}</b></span>
                        <span><strong>P&amp;L:</strong> <b data-dashboard-summary="unrealized_pnl" style="color:{{ $summary['unrealized_pnl'] >= 0 ? '#0ecb81' : '#f6465d' }}">{{ ($summary['unrealized_pnl'] >= 0 ? '+' : '-') . $summaryMoney(abs($summary['unrealized_pnl'])) }}</b></span>
                    </div>
                </td>
            </tr>
        </tfoot>
    </table>
</div>
@endif