{{--
    Profile Hero — top-of-page identity + stats + action bar.

    Receives:
      $profile     : array from PilotPresenter::forProfile()
      $follow      : PilotFollow|null
      $isFollowing : bool
      $mainBalance : float

    Action bar state machine:
      following              → [+ Topup] [Unfollow]   (wired to modals)
      not following + open   → [Follow this pilot]    (placeholder; Step 7c)
      not following + warmup → [Notify when open]     (disabled)
--}}
@php
    $color    = in_array($profile['avatar_color'], ['orange','purple','red'], true)
                ? $profile['avatar_color']
                : 'orange';
    $isAccepting = (bool) $profile['is_accepting_followers'];

    $profitClass = $profile['profit_30d'] > 0 ? 'up'
                  : ($profile['profit_30d'] < 0 ? 'down' : '');
    $profitSign  = $profile['profit_30d'] > 0 ? '+' : '';
    $profitStr   = $profitSign . '$' . number_format(abs($profile['profit_30d']), 2);

    // Win-rate confidence (mute when small sample)
    $rateClass = $profile['trades_30d'] === 0 ? 'is-empty'
                : ($profile['trades_30d'] < 10 ? 'is-early' : '');
@endphp

<section class="ph-hero ph-hero--c-{{ $color }}">

    {{-- Identity row --}}
    <div class="ph-hero__id">
        <div class="ph-hero__avatar ph-hero__avatar--{{ $color }}">
            {{ $profile['initials'] }}
        </div>

        <div class="ph-hero__id-text">
            <h1 class="ph-hero__name">
                {{ $profile['name'] }}
                @if($profile['is_live'])
                <span class="live-dot" aria-label="Live"></span>
                @endif
            </h1>

            <p class="ph-hero__eyebrow">
                <span>Min entry <strong>${{ number_format($profile['min_entry'], 0) }}</strong></span>
                @if($profile['trading_style'])
                <span class="ph-hero__dot">·</span>
                <span>{{ $profile['trading_style'] }}</span>
                @endif
            </p>

            <div class="ph-hero__status">
                @if($isFollowing)
                    <span class="ph-status ph-status--following">
                        <svg width="10" height="10" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="3"><path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7"/></svg>
                        Following · since {{ \Carbon\Carbon::parse($follow->started_at)->format('M j') }}
                    </span>
                @elseif($isAccepting)
                    <span class="ph-status ph-status--open">Accepting followers</span>
                @else
                    <span class="ph-status ph-status--warmup">Warmup · opens soon</span>
                @endif
            </div>
        </div>

        {{-- Action bar --}}
        <div class="ph-hero__actions">
            @if($isFollowing)
                <button type="button"
                        class="ph-btn ph-btn--primary"
                        data-action="topup"
                        data-follow-id="{{ $follow->id }}"
                        data-pilot-id="{{ $profile['id'] }}"
                        data-pilot-name="{{ $profile['name'] }}"
                        data-pilot-initials="{{ $profile['initials'] }}"
                        data-avatar-color="{{ $color }}"
                        data-current-wallet="{{ (float) $follow->current_balance }}">
                    + Topup
                </button>
                <button type="button"
                        class="ph-btn ph-btn--danger-ghost"
                        data-action="unfollow"
                        data-follow-id="{{ $follow->id }}"
                        data-pilot-id="{{ $profile['id'] }}"
                        data-pilot-name="{{ $profile['name'] }}"
                        data-pilot-initials="{{ $profile['initials'] }}"
                        data-avatar-color="{{ $color }}"
                        data-current-wallet="{{ (float) $follow->current_balance }}">
                    Unfollow
                </button>
            @elseif($isAccepting)
                <button type="button"
                        class="ph-btn ph-btn--primary"
                        data-action="follow"
                        data-pilot-id="{{ $profile['id'] }}"
                        data-pilot-name="{{ $profile['name'] }}"
                        data-pilot-initials="{{ $profile['initials'] }}"
                        data-avatar-color="{{ $color }}"
                        data-min-entry="{{ (float) $profile['min_entry'] }}">
                    Follow this pilot
                </button>
            @else
                <button type="button" class="ph-btn ph-btn--ghost" disabled>
                    Notify when open
                </button>
            @endif
        </div>
    </div>

    {{-- Stat grid --}}
    <div class="ph-hero__stats">
        <div class="ph-stat">
            <div class="ph-stat__label">Win rate · 30d</div>
            <div class="ph-stat__value {{ $rateClass }}">
                @if($profile['trades_30d'] === 0)
                    —
                @else
                    {{ rtrim(rtrim(number_format($profile['win_rate'], 1), '0'), '.') }}%
                @endif
            </div>
            <div class="ph-stat__sub">{{ number_format($profile['trades_30d']) }} trades</div>
        </div>

        <div class="ph-stat">
            <div class="ph-stat__label">30d profit</div>
            <div class="ph-stat__value {{ $profitClass }}">{{ $profitStr }}</div>
            <div class="ph-stat__sub">gross generated</div>
        </div>

        <div class="ph-stat">
            <div class="ph-stat__label">Followers</div>
            <div class="ph-stat__value">{{ number_format($profile['followers']) }}</div>
            <div class="ph-stat__sub">{{ $profile['followers'] === 1 ? 'active' : 'active total' }}</div>
        </div>
    </div>
</section>