{{--
    Follow Card — rendered in the "My Follows" tab of the pilots listing.

    Receives:
      $follow : array from PilotPresenter::forMyFollows() with keys:
        id, pilot_id, pilot_name, pilot_initials, avatar_color,
        min_entry, wallet, today_profit, lifetime_profit,
        trades_won, trades_lost, win_rate, profile_url

    Action buttons (Topup, Unfollow) link to the pilot profile page
    where modals will be wired in Step 7. View details also lands there.
--}}
@php
    $color = in_array($follow['avatar_color'], ['orange','purple','red'], true)
        ? $follow['avatar_color']
        : 'orange';

    $colorHex = match($color) {
        'orange' => '#f97316',
        'purple' => '#660066',
        'red'    => '#ec595a',
        default  => '#f97316',
    };

    $minEntry      = '$' . number_format((float) $follow['min_entry'], 0);
    $wallet        = '$' . number_format((float) $follow['wallet'], 2);
    $todayProfit   = (float) $follow['today_profit'];
    $lifetimeProfit= (float) $follow['lifetime_profit'];
    // Smart sign: only "+" when positive, only "-" when negative, plain when zero
    $todayDisplay = match(true) {
        $todayProfit > 0  => '+$' . number_format($todayProfit, 2),
        $todayProfit < 0  => '-$' . number_format(abs($todayProfit), 2),
        default           => '$0.00',
    };
    $lifeDisplay = match(true) {
        $lifetimeProfit > 0 => '+$' . number_format($lifetimeProfit, 2),
        $lifetimeProfit < 0 => '-$' . number_format(abs($lifetimeProfit), 2),
        default             => '$0.00',
    };
    $todayClass    = $todayProfit > 0 ? 'up' : ($todayProfit < 0 ? 'down' : '');
    $lifeClass     = $lifetimeProfit > 0 ? 'up' : ($lifetimeProfit < 0 ? 'down' : '');
    $totalTrades   = (int) $follow['trades_won'] + (int) $follow['trades_lost'];
    $winRate       = (float) $follow['win_rate'];

    // Win rate confidence: muted when small sample, hidden when no data
    if ($totalTrades === 0) {
        $winRateStr   = 'Pending';
        $winRateClass = 'is-empty';
    } else {
        $winRateStr   = ($winRate > 0 ? '+' : '') . rtrim(rtrim(number_format($winRate, 1), '0'), '.') . '%';
        $winRateClass = $totalTrades < 10 ? 'is-early' : '';
    }
@endphp

<article class="follow-card follow-card--c-{{ $color }}" data-follow-id="{{ $follow['id'] }}">
    <div class="follow-card__head">
        <div class="follow-card__avatar follow-card__avatar--{{ $color }}">
            {{ $follow['pilot_initials'] }}
        </div>
        <div class="follow-card__id-text">
            <h3 class="follow-card__name">
                {{ $follow['pilot_name'] }}
                <span class="live-dot" aria-label="Live"></span>
            </h3>
            <p class="follow-card__tier">Min {{ $minEntry }} · {{ number_format($totalTrades) }} {{ $totalTrades === 1 ? 'trade' : 'trades' }} placed</p>
        </div>
        <div class="follow-card__rate">
            <div class="follow-card__rate-value {{ $winRateClass }}">{{ $winRateStr }}</div>
            <div class="follow-card__rate-label">Your wins</div>
        </div>
    </div>

    <div class="follow-card__stats">
        <div class="fc-stat">
            <div class="fc-stat__label">Wallet</div>
            <div class="fc-stat__value">{{ $wallet }}</div>
        </div>
        <div class="fc-stat">
            <div class="fc-stat__label">Today</div>
            <div class="fc-stat__value {{ $todayClass }}">{{ $todayDisplay }}</div>
        </div>
        <div class="fc-stat">
            <div class="fc-stat__label">Lifetime</div>
            <div class="fc-stat__value {{ $lifeClass }}">{{ $lifeDisplay }}</div>
        </div>
        @php
            $w = (int) $follow['trades_won'];
            $l = (int) $follow['trades_lost'];
            $tradesEmpty = ($w === 0 && $l === 0);
        @endphp
        <div class="fc-stat fc-stat--trades {{ $tradesEmpty ? 'is-empty' : '' }}">
            <div class="fc-stat__label">Trades</div>
            <div class="fc-stat__value">
                <span class="w">{{ number_format($w) }}W</span>
                <span class="dot">·</span>
                <span class="l">{{ number_format($l) }}L</span>
            </div>
        </div>
    </div>

    <div class="follow-card__actions">
        <a class="fc-link" href="{{ $follow['profile_url'] }}">
            View details
            <svg width="13" height="13" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2.2">
                <path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7"/>
            </svg>
        </a>
        <button class="fc-btn fc-btn--primary"
                type="button"
                data-action="topup"
                data-follow-id="{{ $follow['id'] }}"
                data-pilot-id="{{ $follow['pilot_id'] }}"
                data-pilot-name="{{ $follow['pilot_name'] }}"
                data-pilot-initials="{{ $follow['pilot_initials'] }}"
                data-avatar-color="{{ $color }}"
                data-current-wallet="{{ (float) $follow['wallet'] }}">+ Topup</button>
        <button class="fc-btn fc-btn--danger"
                type="button"
                data-action="unfollow"
                data-follow-id="{{ $follow['id'] }}"
                data-pilot-id="{{ $follow['pilot_id'] }}"
                data-pilot-name="{{ $follow['pilot_name'] }}"
                data-pilot-initials="{{ $follow['pilot_initials'] }}"
                data-avatar-color="{{ $color }}"
                data-current-wallet="{{ (float) $follow['wallet'] }}">Unfollow</button>
    </div>
</article>