@php
    // Detect user's actual role from their data
    $userRole = $user->role_slug;
    
    // Get appropriate profile based on detected user role
    $profile = ($userRole === 'team') ? $user->teamProfile : $user->athleteProfile;
    $primarySport = $user->sports->first();
    
    // Get location
    $location = '';
    if ($profile) {
        $locationParts = array_filter([
            optional($profile->city)->city_name,
            optional($profile->state)->state_name,
            optional($profile->country)->country_name
        ]);
        $location = implode(', ', $locationParts);
    }
    
    // Get sport info and sport image
    $sportName = '';
    $positionName = '';
    $sportImage = null;
    if ($userRole === 'team' && $profile && $profile->sport) {
        $sportName = optional($profile->sport)->title ?? 'Team';
        $sportImageData = optional($profile->sport)->image ?? [];
        if (is_array($sportImageData) && isset($sportImageData['original']) && is_string($sportImageData['original'])) {
            $sportImage = $sportImageData['original'];
        }
    } elseif ($userRole === 'athlete' && $primarySport && $primarySport->sport) {
        $sportName = optional($primarySport->sport)->title ?? '';
        $sportImageData = optional($primarySport->sport)->image ?? [];
        if (is_array($sportImageData) && isset($sportImageData['original']) && is_string($sportImageData['original'])) {
            $sportImage = $sportImageData['original'];
        }
        if ($profile && $profile->position) {
            $positionName = optional($profile->position)->title ?? '';
        }
    }
    
    // Get bio
    $bio = optional($profile)->athlete_bio ?? optional($profile)->team_bio_tagline ?? 'No bio available';
    
    // Get school/club name
    $schoolClub = optional($profile)->school_club_name ?? optional($profile)->team_club_name ?? '';
    
    // Get avatar and check if we need to show initials
    $avatarData = $user->avatar ?? [];
    $hasAvatar = isset($avatarData['id']) && $avatarData['id'];
    $avatar = $hasAvatar ? ($avatarData['thumb'] ?? $avatarData['original'] ?? asset('front/assets/images/thumb1.png')) : null;
    
    // Generate initials if no avatar
    $userInitials = '';
    $initialColorType = 1;
    if (!$hasAvatar) {
        if ($user->name_initials) {
            $userInitials = strtoupper($user->name_initials);
            $initialColorType = $user->name_initial_color_type ?? 1;
        } else {
            // Generate from first and last name
            $firstName = $user->first_name ?? '';
            $lastName = $user->last_name ?? '';
            $userInitials = strtoupper(mb_substr($firstName, 0, 1) . mb_substr($lastName, 0, 1));
            // Generate deterministic color based on name
            $nameHash = crc32($user->full_name ?? '');
            $initialColorType = ($nameHash % 8) + 1;
        }
    }
    
    // Get stats
    $userStats = $usersStats[$user->id] ?? ['followers' => 0, 'campaigns' => 0, 'raised' => 0];
    $followersCount = $userStats['followers'];
    $campaignsCount = $userStats['campaigns'];
    $raisedAmount = $userStats['raised'];
    
    // Format followers count
    $followersFormatted = $followersCount >= 1000 ? number_format($followersCount / 1000, 0) . 'K' : $followersCount;
    
    // Get social links
    $socialLinks = $user->socialLinks ?? collect();
    $instagramLink = $socialLinks->where('social_link_type', 2)->first();
    $facebookLink = $socialLinks->where('social_link_type', 3)->first();
    $youtubeLink = $socialLinks->where('social_link_type', 1)->first();
    
    // Get sport tags (for display)
    $sportTags = [];
    if ($primarySport && $primarySport->sport) {
        $sportTags[] = $primarySport->sport->title ?? '';
    }
    if ($positionName) {
        $sportTags[] = $positionName;
    }
    
    // Check if user is verified
    $isVerified = $user->verified ?? false;
@endphp

<div class="discover-card">
    <div class="discover-card-header">
        @if($sportImage)
            <div class="discover-card-sport-banner">
                <img src="{{ $sportImage }}" alt="{{ $sportName }}" class="discover-card-sport-image">
            </div>
        @else
            <div class="discover-card-sport-banner discover-card-sport-banner-fallback"></div>
        @endif
        <div class="discover-card-avatar-wrapper">
            @if($hasAvatar && $avatar)
                <img src="{{ $avatar }}" alt="{{ $user->full_name }}" class="discover-card-avatar">
            @else
                <div class="discover-card-avatar-initials discover-initial-color-{{ $initialColorType }}">
                    {{ $userInitials }}
                </div>
            @endif
            @if($isVerified)
                <div class="discover-card-verified">
                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="#10b981" stroke-width="3" stroke-linecap="round" stroke-linejoin="round">
                        <polyline points="20 6 9 17 4 12"></polyline>
                    </svg>
                </div>
            @endif
        </div>
        <div class="discover-card-badge">
            {{ strtoupper($userRole) }}
        </div>
    </div>
    
    <div class="discover-card-body discover-card-body-with-banner">
        <h3 class="discover-card-name">
            @if($userRole === 'team')
                {{ $schoolClub ?: $user->full_name }}
            @else
                {{ $user->full_name }}
            @endif
        </h3>
        
        <p class="discover-card-sport">
            @if($sportName)
                {{ $sportName }}
                @if($positionName)
                    • {{ $positionName }}
                @endif
            @endif
            @if($schoolClub && $userRole === 'athlete')
                • {{ $schoolClub }}
            @endif
        </p>
        
        @if($location)
            <p class="discover-card-location">
                <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 11 14" fill="none">
                    <path d="M5.5 0C4.04182 0.00165422 2.64383 0.581654 1.61274 1.61276C0.581648 2.64386 0.00165421 4.04186 0 5.50006C0 10.2064 5 13.7608 5.21313 13.9095C5.2972 13.9684 5.39735 14 5.5 14C5.60265 14 5.7028 13.9684 5.78687 13.9095C6 13.7608 11 10.2064 11 5.50006C10.9983 4.04186 10.4184 2.64386 9.38726 1.61276C8.35617 0.581654 6.95818 0.00165422 5.5 0ZM5.5 3.50004C5.89556 3.50004 6.28224 3.61733 6.61114 3.8371C6.94004 4.05686 7.19638 4.36922 7.34776 4.73468C7.49913 5.10014 7.53874 5.50227 7.46157 5.89024C7.3844 6.27821 7.19392 6.63457 6.91421 6.91428C6.63451 7.19399 6.27814 7.38447 5.89018 7.46165C5.50222 7.53882 5.10009 7.49921 4.73463 7.34783C4.36918 7.19646 4.05682 6.94011 3.83706 6.61121C3.6173 6.2823 3.5 5.89562 3.5 5.50006C3.5 4.96962 3.71071 4.4609 4.08579 4.08583C4.46086 3.71075 4.96957 3.50004 5.5 3.50004Z" fill="#9CA3AF" />
                </svg>
                {{ $location }}
            </p>
        @endif
        
        <p class="discover-card-description">{{ Str::limit($bio, 120) }}</p>
        
        @if(count($sportTags) > 0)
            <div class="discover-card-tags">
                @foreach(array_slice($sportTags, 0, 3) as $tag)
                    @if($tag)
                        <span class="discover-tag">{{ $tag }}</span>
                    @endif
                @endforeach
            </div>
        @endif
        
        <div class="discover-card-stats">
            <div class="discover-stat-item">
                <span class="discover-stat-label">Followers</span>
                <span class="discover-stat-value">{{ $followersFormatted }}</span>
            </div>
            <div class="discover-stat-item">
                <span class="discover-stat-label">Campaigns</span>
                <span class="discover-stat-value">{{ $campaignsCount }}</span>
            </div>
            <div class="discover-stat-item">
                <span class="discover-stat-label">Raised</span>
                <span class="discover-stat-value">{!! \App\Helpers\Helper::price($raisedAmount) !!}</span>
            </div>
        </div>
        
        <div class="discover-card-actions">
            <a href="{{ route('front.'.$_routePrefix.'.show', $user->username) }}" class="discover-card-button">
                View Profile
            </a>
            
            <div class="discover-card-social">
                @php
                    // Get Twitter/X link (social_link_type 4 or check for X/Twitter in URL)
                    $twitterLink = $socialLinks->first(function($link) {
                        if ($link->social_link_type == 4) {
                            $url = strtolower($link->social_link ?? '');
                            return strpos($url, 'twitter') !== false || strpos($url, 'x.com') !== false || strpos($url, 'twitter.com') !== false;
                        }
                        return false;
                    });
                @endphp
                
                @if($twitterLink)
                    <a href="{{ $twitterLink->social_link }}" target="_blank" class="discover-social-icon">
                        <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                            <path d="M22 4s-.7 2.1-2 3.4c1.6 10-9.4 17.3-18 11.6 2.2.1 4.4-.6 6-2C3 15.5.5 9.6 3 5c2.2 2.6 5.6 4.1 9 4-.9-4.2 4-6.6 7-3.8 1.1 0 3-1.2 3-1.2z"></path>
                        </svg>
                    </a>
                @endif
                @if($instagramLink)
                    <a href="{{ $instagramLink->social_link }}" target="_blank" class="discover-social-icon">
                        <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                            <rect x="2" y="2" width="20" height="20" rx="5" ry="5"></rect>
                            <path d="M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z"></path>
                            <line x1="17.5" y1="6.5" x2="17.51" y2="6.5"></line>
                        </svg>
                    </a>
                @endif
                @if($facebookLink)
                    <a href="{{ $facebookLink->social_link }}" target="_blank" class="discover-social-icon">
                        <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                            <path d="M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z"></path>
                        </svg>
                    </a>
                @endif
            </div>
        </div>
    </div>
</div>