@extends('front.layouts.app')
@section('content')

@php
    $user = $user ?? null;
    $userRole = $userRole ?? ($user ? $user->role_slug : 'athlete');
    $profile = $profile ?? (($userRole === 'team') ? ($user->teamProfile ?? null) : ($user->athleteProfile ?? null));
    $location = $location ?? '';
    $sportName = $sportName ?? '';
    $positionName = $positionName ?? '';
    $avatarImage = $avatarImage ?? asset('front/assets/images/user.jpeg');
    $coverImage = $coverImage ?? asset('front/assets/images/cover.jpg');
    $campaigns = $campaigns ?? collect();
    $totalRaised = $totalRaised ?? 0;
    $activeCampaigns = $activeCampaigns ?? 0;
    $nftTiers = $nftTiers ?? collect();
    $otherUsers = $otherUsers ?? collect();
    
    // Get bio
    $bio = optional($profile)->athlete_bio ?? optional($profile)->team_bio_tagline ?? 'No bio available';
    
    // Get school/club name
    $schoolClub = optional($user)->school_club_name ?? optional($profile)->team_club_name ?? optional($profile)->school_club_name ?? 'N/A';
    
    // Get social links
    $socialLinks = $user->socialLinks ?? collect();
    
    // Get gender icon
    $genderIcon = '';
    if ($userRole === 'athlete' && isset($user->gender)) {
        $genderIcon = $user->gender == 1 ? asset('front/assets/images/male.svg') : asset('front/assets/images/female.svg');
    }
    $userTypeBadge = ($userRole === 'team') ? asset('front/assets/images/team.png') : asset('front/assets/images/athelete.png');
@endphp

<div class="breadcum-wrap">
    <div class="container-fluid">
        <ul class="breadcum-list">
            <li><a href="{{ route('home') }}" class="home"><i data-lucide="house"></i></a></li>
            <li><a href="{{ route('front.athletes.index') }}" class="active">Athlete</a> <img src="{{ asset('front/assets/images/arrow-right.svg') }}" alt=""></li>
            <li>{{ ($userRole == 'team') ? $schoolClub : ($user->full_name ?? 'Athlete') }}</li>
        </ul>
    </div>
</div>

<div class="cover-wrap">
    <img src="{{ $coverImage }}" alt="" class="cover-image" />
    <div class="container-fluid">
        <div class="cover-info">
            <div class="profile-info-left d-flex align-items-center">
                <div class="profile-img">
                    <img src="{{ $avatarImage }}" alt="{{ $user->full_name ?? 'Athlete' }}">
                </div>
                <div class="badge-team-athe">
                    <span class="status-tag status-active">{{ ucfirst($userRole)}}</span>
                </div>
                <div class="profile-details">
                    <h2>{{ ($userRole === 'team') ? $schoolClub : ($user->full_name ?? 'Athlete Name') }} <i data-lucide="badge-check" class="verify"></i></h2>
                    <p class="position"><i data-lucide="footprints"></i> {{ $sportName }}{{ $positionName ? ' - ' . $positionName : '' }}</p>
                    @if($location)
                    <p class="from"><i data-lucide="map-pin"></i> {{ $location }}</p>
                    @endif
                    @if($userRole == 'athlete' && $schoolClub && $schoolClub !== 'N/A')
                    <p class="club"><i data-lucide="school"></i> {{ $schoolClub }}</p>
                    @endif
                </div>
            </div>
            <div class="profile-info-right d-flex align-items-center">
                <a href="#" class="green-btn">Follow</a>
                <a href="#" class="purple-btn">Message</a>
                <a href="#" class="blue-btn">Sponsor</a>
            </div>
        </div>
    </div>
</div>

<div class="profile-content-wrap">
    <div class="container-fluid">
        <div class="row">
            <div class="col-sm-8">
                <div class="grey-box">
                    <h2>About {{ ($userRole === 'team') ? $schoolClub : ($user->first_name ?? 'Athlete') }}</h2>
                    <p>{{ $bio }}</p>
                    <div class="icon-sec-achi">
                        @foreach($socialLinks as $socialLink)
                            @php
                                $socialIcon = '';
                                $socialUrl = $socialLink->social_link_url ?? '#';
                                switch($socialLink->social_link_type) {
                                    case 1: $socialIcon = asset('front/assets/images/youtube.png'); break;
                                    case 2: $socialIcon = asset('front/assets/images/instagram.png'); break;
                                    case 3: $socialIcon = asset('front/assets/images/facebook1.png'); break;
                                    case 4: $socialIcon = asset('front/assets/images/twitter1.png'); break;
                                    case 5: $socialIcon = asset('front/assets/images/link.png'); break;
                                }
                            @endphp
                            @if($socialIcon)
                            <a href="{{ $socialUrl }}" target="_blank"><img src="{{ $socialIcon }}" alt="Social Link"></a>
                            @endif
                        @endforeach
                    </div>
                </div>
                
                <div class="card sponser">
                    <h2>Achievements</h2>
                    <div class="profile-achi-sec">
                        <!-- Static achievements for now - can be made dynamic later -->
                        <div class="sponsor-item">
                            <div class="sponsor-left">
                                <div class="sponsor-icon blue"><img src="{{ asset('front/assets/images/sp-1.png') }}"></div>
                                <div class="sponsor-info">
                                    <h4>2024 Regional MVP</h4>
                                </div>
                            </div>
                        </div>
                        <div class="sponsor-item">
                            <div class="sponsor-left">
                                <div class="sponsor-icon orange"><img src="{{ asset('front/assets/images/sp-2.png') }}"></div>
                                <div class="sponsor-info">
                                    <h4>All-State Player</h4>
                                </div>
                            </div>
                        </div>
                        <div class="sponsor-item">
                            <div class="sponsor-left">
                                <div class="sponsor-icon green"><img src="{{ asset('front/assets/images/trophy.png') }}"></div>
                                <div class="sponsor-info">
                                    <h4>Junior Nationals 2023</h4>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="grey-box mt-5">
                    <div class="achievements-section">
                        <h6>Active Fundraising Campaigns</h6>
                        <div class="achievements-grid">
                            <div class="achievement-card gold">
                                <h3 class="achievement-title">38</h3>
                                <p class="achievement-date">Matches / Events</p>
                            </div>
                            <div class="achievement-card blue">
                                <h3 class="achievement-title">12</h3>
                                <p class="achievement-date">Wins / Medals</p>
                            </div>
                            <div class="achievement-card green">
                                <h3 class="achievement-title">8.2K</h3>
                                <p class="achievement-date">Followers</p>
                            </div>
                            <div class="achievement-card blue">
                                <h3 class="achievement-title">{!! \App\Helpers\Helper::price($totalRaised) !!}</h3>
                                <p class="achievement-date">Total Raised</p>
                            </div>
                            <div class="achievement-card green">
                                <h3 class="achievement-title">{{ $activeCampaigns }}</h3>
                                <p class="achievement-date">Active Campaigns</p>
                            </div>
                            <div class="achievement-card gold">
                                <h3 class="achievement-title">{{ $nftTiers->sum('nft_quantity') ?? 0 }}</h3>
                                <p class="achievement-date">NFTs Minted</p>
                            </div>
                        </div>
                    </div>
                </div>

                <!--Digital Collectibles-->
                @if($nftTiers->count() > 0)
                <section class="digital-collectibles-wrap">
                    <h2>Digital Collectibles</h2>
                    <div class="row">
                        @foreach($nftTiers as $nftTier)
                            @php
                                $campaign = $nftTier->campaign ?? null;
                                $campaignImage = asset('front/assets/images/placeholder-campaign.jpg');
                                if ($campaign && isset($campaign->campaign_image)) {
                                    $imgData = is_array($campaign->campaign_image) ? $campaign->campaign_image : [];
                                    $campaignImage = $imgData['original'] ?? $imgData['thumb'] ?? $campaignImage;
                                }
                                $nftTitle = 'NFT Tier';
                                if (isset($nftTier->rewards_perks_note)) {
                                    $lines = explode("\n", $nftTier->rewards_perks_note);
                                    if (isset($lines[0]) && strpos($lines[0], 'Title:') === 0) {
                                        $nftTitle = str_replace('Title: ', '', $lines[0]);
                                    }
                                }
                                $sold = 0; // TODO: Get actual sold count
                                $total = $nftTier->nft_quantity ?? 100;
                            @endphp
                            <div class="col-sm-6">
                                <div class="grey-box">
                                    <div class="dc-img-wrap">
                                        <img src="{{ $campaignImage }}" alt="{{ $nftTitle }}">
                                    </div>
                                    <h3 class="blue-txt">{{ $nftTitle }}</h3>
                                    <div class="sponser-txtsec">
                                        <p class="left-txt">{!! \App\Helpers\Helper::price($nftTier->nft_price) !!}</p>
                                        <p class="right-txt">{{ $sold }}/{{ $total }} Sold</p>
                                    </div>
                                    <a href="#" class="blue-btn">Buy NFT</a>
                                </div>
                            </div>
                        @endforeach
                    </div>
                </section>
                @endif

                <!--Discover More Athletes-->
                @if($otherUsers->count() > 0)
                <div class="grey-box discover-more-athletes">
                    <h2>Discover More Athletes / Teams</h2>
                    <section class="athelets">
                        <div class="container">
                            <div class="grid-view-container">
                                @foreach($otherUsers as $otherUser)
                                    @include('front.athletes.grid_list', ['user' => $otherUser])
                                @endforeach
                            </div>
                        </div>
                    </section>
                </div>
                @endif
            </div>
            
            <div class="col-sm-4">
                @if($campaigns->count() > 0)
                <div class="profile-campaign campaign-box mt-0">
                    <div class="campaign-header">
                        <h2>Active Fundraising Campaigns</h2>
                    </div>
                    @foreach($campaigns as $campaign)
                        @php
                            $campaignProgress = $campaign->fund_target > 0 ? ($campaign->fund_raised / $campaign->fund_target) * 100 : 0;
                            $campaignProgress = min(100, max(0, $campaignProgress));
                            $sportIcon = asset('front/assets/images/ball.png');
                            if ($campaign->category && isset($campaign->category->image)) {
                                $catImg = is_array($campaign->category->image) ? ($campaign->category->image['thumb'] ?? $campaign->category->image['original'] ?? '') : '';
                                if ($catImg) {
                                    $sportIcon = $catImg;
                                }
                            }
                        @endphp
                        <div class="campaign-item">
                            <div class="campaign-title"><img src="{{ $sportIcon }}" alt=""> {{ $campaign->title }}</div>
                            <div class="progress-bar">
                                <div class="progress-fill" style="width: {{ $campaignProgress }}%"></div>
                            </div>
                            <div class="campaign-footer">
                                <div>{!! \App\Helpers\Helper::price($campaign->fund_raised) !!} / {!! \App\Helpers\Helper::price($campaign->fund_target) !!}</div>
                                <div class="percentage">{{ number_format($campaignProgress, 0) }}%</div>
                            </div>
                            <a href="{{ route('front.campaigns.show', ['id' => $campaign->id]) }}" class="btn-dark-blue pur-btn">Click here to contribute</a>
                        </div>
                    @endforeach
                </div>
                @endif
                
                <div class="team-card mt-0 mb-4">
                    <div class="team-header">
                        <h2>Sponsors & Partners</h2>
                    </div>
                    <div class="build-trust-block-wrapper">
                        <div class="build-trust-block">
                            <div class="build-trust-block-icon">
                                <i data-lucide="shirt"></i>
                            </div>
                            <h3>Product Sponsor</h3>
                            <p>Primary branding across all athlete materials and events</p>
                        </div>
                        <div class="build-trust-block">
                            <div class="build-trust-block-icon">
                                <i data-lucide="circle-dollar-sign"></i>
                            </div>
                            <h3>Cash Sponsor</h3>
                            <p>Logo placement on uniforms and training gear</p>
                        </div>
                    </div>
                </div>
                
                <section class="team-card profile-sponser">
                    <h4>Support {{ ($userRole == 'team') ? $schoolClub ?? 'Athlete' : ($user->first_name ?? 'Athlete') }}</h4>
                    <p>1,240 supporters have contributed so far.</p>
                    <div class="btn-section">
                        <a href="#" class="yellow-btn">Support via NFT</a>
                        <a href="{{ route('profile.sponsorships.create', ['sp' => $user->username]) }}" class="blue-btn">Become a Sponsor</a>
                    </div>
                </section>
            </div>
        </div>
    </div>
</div>

@endsection
@push('page_script')
<script>
    lucide.createIcons();
</script>
@endpush