{{--
    Pilot Mode shared sidebar card.
    User avatar + name + email + KYC chip + side-nav component.
    The outer column wrapper stays per-page (margin-top differs):
      - home.blade.php (full banner):    margin-top: -7rem
      - listing/profile (slim banner):   margin-top: -4rem
--}}
<div class="sidebar-card">
    <div class="mb-5 text-center">
        <div class="flex justify-center mb-4">
            <span class="avatar-ring">
                @php
                    $sbUsername = trim(auth()->user()->username ?? '') ?: trim(auth()->user()->first_name ?? '') ?: 'U';
                    $sbParts = preg_split('/\s+/', $sbUsername, -1, PREG_SPLIT_NO_EMPTY);
                    $sbInitials = count($sbParts) >= 2
                        ? strtoupper(substr($sbParts[0], 0, 1) . substr($sbParts[1], 0, 1))
                        : strtoupper(substr($sbParts[0] ?? 'U', 0, 2));
                @endphp
                <span class="avatar-ring__inner">{{ $initials ?? $sbInitials }}</span>
            </span>
        </div>
        <h5 class="text-base font-bold">{{ auth()->user()->username }}</h5>
        <p class="text-xs mt-1" style="color: var(--text-muted);">{{ auth()->user()->email }}</p>

        {{-- KYC chip --}}
        @if(auth()->user()->kyc_status == 1)
        <span style="display:inline-flex;align-items:center;gap:0.3rem;margin-top:0.5rem;padding:0.2rem 0.65rem;border-radius:99px;background:rgba(16,185,129,0.1);color:#10b981;font-size:0.68rem;font-weight:700;">
            <svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" fill="currentColor" viewBox="0 0 16 16">
                <path d="M8 0a8 8 0 1 0 0 16A8 8 0 0 0 8 0zm3.97 5.03L7 10l-2.47-2.47a.75.75 0 1 0-1.06 1.06l3 3a.75.75 0 0 0 1.06 0l5.5-5.5a.75.75 0 0 0-1.06-1.06z" />
            </svg>
            KYC Verified
        </span>
        @endif
    </div>
    <x-side-nav />
</div>