{{--
    Profile Your Activity — follower-specific panel.

    Receives:
      $activity : array from PilotPresenter::forFollowerActivity()
                  Keys: wallet, starting_amount, lifetime_profit, today_profit,
                        trades_won, trades_lost, win_rate, since,
                        recent_mirrors, contributions, total_contributed
      $profile  : array — used for the pilot name reference

    Only included when isFollowing && activity is present (see profile.blade.php).

    Phase 14: tabs added inside the timeline section. "Recent Sales" (default)
    swaps with "Contributions" — same visual weight, no page-level tab pattern.
--}}
@php
    $wallet    = (float) ($activity['wallet'] ?? 0);
    $lifetime  = (float) ($activity['lifetime_profit'] ?? 0);
    $today     = (float) ($activity['today_profit'] ?? 0);
    $won       = (int) ($activity['trades_won'] ?? 0);
    $lost      = (int) ($activity['trades_lost'] ?? 0);
    $winRate   = (float) ($activity['win_rate'] ?? 0);
    $totalT    = $won + $lost;

    $lifetimeStr = $lifetime > 0 ? '+$' . number_format($lifetime, 2)
                  : ($lifetime < 0 ? '-$' . number_format(abs($lifetime), 2) : '$0.00');
    $todayStr    = $today > 0 ? '+$' . number_format($today, 2)
                  : ($today < 0 ? '-$' . number_format(abs($today), 2) : '$0.00');
    $lifetimeClass = $lifetime > 0 ? 'up' : ($lifetime < 0 ? 'down' : '');
    $todayClass    = $today > 0 ? 'up' : ($today < 0 ? 'down' : '');
    $rateClass     = $totalT === 0 ? 'is-empty' : ($totalT < 5 ? 'is-early' : '');
    $rateStr       = $totalT === 0 ? '—'
                    : rtrim(rtrim(number_format($winRate, 1), '0'), '.') . '%';

    $since = $activity['since']
        ? \Carbon\Carbon::parse($activity['since'])->format('M j')
        : null;

    // Phase 14: contributions data
    $contributions     = $activity['contributions'] ?? [];
    $totalContributed  = (float) ($activity['total_contributed'] ?? 0);
    $contribCount      = count($contributions);
    $topupCount        = 0;
    foreach ($contributions as $c) {
        if (($c['event_type'] ?? '') === 'topup') $topupCount++;
    }
    $hasContribs       = $contribCount > 0;
    $hasMirrors        = !empty($activity['recent_mirrors']);
@endphp

<section class="ph-activity">
    <header class="ph-activity__head">
        <div>
            <p class="ph-activity__eyebrow">Your activity</p>
            <h3 class="ph-activity__title">Following {{ $profile['name'] }}</h3>
        </div>
        @if($since)
        <span class="ph-activity__since">since {{ $since }}</span>
        @endif
    </header>

    <div class="ph-activity__stats">
        <div class="ph-stat">
            <div class="ph-stat__label">Wallet</div>
            <div class="ph-stat__value">${{ number_format($wallet, 2) }}</div>
            <div class="ph-stat__sub">follow capital</div>
        </div>
        <div class="ph-stat">
            <div class="ph-stat__label">Lifetime</div>
            <div class="ph-stat__value {{ $lifetimeClass }}">{{ $lifetimeStr }}</div>
            <div class="ph-stat__sub">your net profit</div>
        </div>
        <div class="ph-stat">
            <div class="ph-stat__label">Today</div>
            <div class="ph-stat__value {{ $todayClass }}">{{ $todayStr }}</div>
            <div class="ph-stat__sub">net today</div>
        </div>
        <div class="ph-stat">
            <div class="ph-stat__label">Your win rate</div>
            <div class="ph-stat__value {{ $rateClass }}">{{ $rateStr }}</div>
            <div class="ph-stat__sub">{{ $won }}W · {{ $lost }}L</div>
        </div>
    </div>

    {{-- Phase 14: Timeline tabs (Recent Sales default / Contributions) --}}
    @if($hasMirrors || $hasContribs)
    <div class="ph-activity__tabs" role="tablist">
        <button type="button"
                class="ph-tab is-active"
                role="tab"
                aria-selected="true"
                data-ph-tab="mirrors"
                aria-controls="ph-tab-mirrors">
            Recent Sales
        </button>
        <button type="button"
                class="ph-tab"
                role="tab"
                aria-selected="false"
                data-ph-tab="contributions"
                aria-controls="ph-tab-contributions">
            Contributions
            @if($contribCount > 0)
                <span class="ph-tab__count">{{ $contribCount }}</span>
            @endif
        </button>
    </div>

    {{-- Recent Sales panel (default visible) --}}
    <div class="ph-tab-panel is-active"
         id="ph-tab-mirrors"
         role="tabpanel"
         data-ph-panel="mirrors">
        @if($hasMirrors)
            <p class="ph-activity__mirrors-note">Refunds return to your wallet automatically.</p>
            <div class="ph-mirrors">
                @foreach($activity['recent_mirrors'] as $m)
                    @php
                        $status = $m['status'];
                        $isWin  = $status === 'sold_won';
                        $isLoss = $status === 'sold_lost';
                        $net    = (float) ($m['net'] ?? 0);

                        $netStr = $isWin
                            ? '+$' . number_format(abs($net), 2)
                            : ($isLoss ? '-$' . number_format(abs($net), 2) : '');
                        $netClass = $isWin ? 'up' : ($isLoss ? 'down' : '');

                        $statusCopy = match($status) {
                            'sold_won'  => 'Trade won',
                            'sold_lost' => 'Trade lost',
                            'owned'     => 'Holding',
                            'placed'    => 'Bid placed',
                            'bid_lost'  => 'Bid refunded',
                            'skipped'   => 'Skipped',
                            default     => $status,
                        };

                        $timeAgo = $m['at']
                            ? \Carbon\Carbon::parse($m['at'])->diffForHumans(null, true) . ' ago'
                            : '—';
                    @endphp
                    <div class="ph-mirror">
                        <div class="ph-mirror__main">
                            <span class="ph-mirror__status ph-mirror__status--{{ str_replace('_', '-', $status) }}">{{ $statusCopy }}</span>
                            <span class="ph-mirror__time">{{ $timeAgo }}</span>
                        </div>
                        <div class="ph-mirror__amount">
                            <span class="ph-mirror__bid">${{ number_format((float) ($m['bid'] ?? 0), 2) }} in</span>
                            @if($netStr)
                                <span class="ph-mirror__sep">→</span>
                                <span class="ph-mirror__net {{ $netClass }}">{{ $netStr }} net</span>
                            @endif
                        </div>
                    </div>
                @endforeach
            </div>
        @else
            <p class="ph-activity__empty">No sales yet — this pilot's next session will start placing bids for you.</p>
        @endif
    </div>

    {{-- Contributions panel --}}
    <div class="ph-tab-panel"
         id="ph-tab-contributions"
         role="tabpanel"
         data-ph-panel="contributions"
         hidden>
        @if($hasContribs)
            <p class="ph-activity__mirrors-note">
                Total contributed:
                <strong>${{ number_format($totalContributed, 2) }}</strong>
                @if($topupCount > 0)
                    · {{ $topupCount }} top-up{{ $topupCount === 1 ? '' : 's' }} after initial follow
                @endif
            </p>
            <div class="ph-mirrors ph-mirrors--contribs">
                @foreach($contributions as $c)
                    @php
                        $type       = $c['event_type'] ?? '';
                        $isInitial  = $type === 'follow';
                        $typeCopy   = $isInitial ? 'Initial follow' : 'Top-up';
                        $amount     = (float) ($c['amount'] ?? 0);
                        $running    = (float) ($c['running'] ?? 0);
                        $when       = $c['at']
                            ? \Carbon\Carbon::parse($c['at'])->format('M j, Y')
                            : '—';
                        $whenAgo    = $c['at']
                            ? \Carbon\Carbon::parse($c['at'])->diffForHumans(null, true) . ' ago'
                            : '';
                    @endphp
                    <div class="ph-mirror">
                        <div class="ph-mirror__main">
                            <span class="ph-mirror__status ph-mirror__status--{{ $isInitial ? 'initial' : 'topup' }}">{{ $typeCopy }}</span>
                            <span class="ph-mirror__time">{{ $when }}@if($whenAgo) · {{ $whenAgo }}@endif</span>
                        </div>
                        <div class="ph-mirror__amount">
                            <span class="ph-mirror__net up">+${{ number_format($amount, 2) }}</span>
                            <span class="ph-mirror__sep">·</span>
                            <span class="ph-mirror__bid">${{ number_format($running, 2) }} total</span>
                        </div>
                    </div>
                @endforeach
            </div>
        @else
            <p class="ph-activity__empty">No contributions recorded yet.</p>
        @endif
    </div>

    <script>
    (function() {
        const tabs   = document.querySelectorAll('.ph-activity__tabs .ph-tab');
        const panels = document.querySelectorAll('.ph-activity [data-ph-panel]');
        if (!tabs.length) return;

        tabs.forEach(tab => {
            tab.addEventListener('click', (e) => {
                const target = tab.dataset.phTab;

                tabs.forEach(t => {
                    const active = t.dataset.phTab === target;
                    t.classList.toggle('is-active', active);
                    t.setAttribute('aria-selected', active ? 'true' : 'false');
                });

                panels.forEach(p => {
                    const active = p.dataset.phPanel === target;
                    p.classList.toggle('is-active', active);
                    p.hidden = !active;
                });
            });
        });
    })();
    </script>
    @endif
</section>