{{--
    Profile Recent Trades — last 15 trades from forProfile()['recent_trades'].

    Receives:
      $trades : array — list of trade arrays with product, market, bid, sell,
                profit, outcome, at
--}}
@php
    $hasTrades = !empty($trades);
@endphp

<section class="ph-trades">
    <header class="ph-trades__head">
        <h3 class="ph-trades__title">Recent trades</h3>
        @if($hasTrades)
        <span class="ph-trades__count">{{ count($trades) }} most recent</span>
        @endif
    </header>

    @if($hasTrades)
    <div class="ph-trades__list">
        @foreach($trades as $t)
            @php
                $isWin     = $t['outcome'] === 'won';
                $profit    = (float) $t['profit'];
                $profitStr = $isWin
                    ? '+$' . number_format(abs($profit), 2)
                    : '—';
                $timeAgo   = $t['at']
                    ? \Carbon\Carbon::parse($t['at'])->diffForHumans(null, true) . ' ago'
                    : '—';
                $product   = (string) ($t['product'] ?? 'Trade');
            @endphp
            <div class="ph-trade ph-trade--{{ $isWin ? 'win' : 'loss' }}">
                <div class="ph-trade__main">
                    <div class="ph-trade__product" title="{{ $product }}">{{ $product }}</div>
                    <div class="ph-trade__meta">
                        <span>{{ $t['market'] ?: '--' }}</span>
                        <span class="ph-trade__dot">·</span>
                        <span>{{ $timeAgo }}</span>
                    </div>
                </div>

                <div class="ph-trade__numbers">
                    <div class="ph-trade__col">
                        <div class="ph-trade__col-label">Bid</div>
                        <div class="ph-trade__col-value">${{ number_format((float) $t['bid'], 2) }}</div>
                    </div>
                    <div class="ph-trade__col">
                        <div class="ph-trade__col-label">Sell</div>
                        <div class="ph-trade__col-value">
                            @if($isWin)
                                ${{ number_format((float) $t['sell'], 2) }}
                            @else
                                <span class="ph-trade__dash">—</span>
                            @endif
                        </div>
                    </div>
                    <div class="ph-trade__col ph-trade__col--profit">
                        <div class="ph-trade__col-label">P&amp;L</div>
                        <div class="ph-trade__col-value {{ $isWin ? 'up' : 'loss' }}">{{ $profitStr }}</div>
                    </div>
                </div>
            </div>
        @endforeach
    </div>
    @else
    <div class="ph-trades__empty">
        This pilot has no settled trades yet.
    </div>
    @endif
</section>