@php
    use App\Models\LeagueRegistration;
    use App\Models\Player;
    use App\Models\PopularitySkill;

    $registration = $player->registration;
    $status = $registration ? (int) $registration->registration_status : null;
    $payment = $registration ? (int) $registration->payment_status : null;

    $genderLabel = match ((int) $player->gender) {
        Player::GENDER_MALE => 'Male',
        Player::GENDER_FEMALE => 'Female',
        Player::GENDER_OTHER => 'Other',
        default => '—',
    };

    $paymentLabel = match ($payment) {
        LeagueRegistration::PAYMENT_COMPLETED => 'Paid',
        LeagueRegistration::PAYMENT_FAILED => 'Failed',
        LeagueRegistration::PAYMENT_REFUNDED => 'Refunded',
        LeagueRegistration::PAYMENT_PENDING => 'Pending',
        default => '—',
    };
    $paymentBadge = $payment === LeagueRegistration::PAYMENT_COMPLETED ? 'verified' : 'pending';

    $player_image = $player && $player->profile_image
                    ? $player->profileImageUrl()
                    : ($player->user?->profileImageUrl() ?? placeholder_image_url('player'));
@endphp

<div class="player_detail">

    {{-- PROFILE HEADER --}}
    <div class="profile_header">
        <img class="avatar" src="{{ $player_image }}" alt="{{ $player->fullName() }}">
        <div class="head_info">
            <h2>
                {{ $player->fullName() }}
                @if ($player->is_verified)
                    <span class="badge verified">Verified</span>
                @else
                    <span class="badge pending">Unverified</span>
                @endif
            </h2>
            <div class="sub">
                @if ($player->playerCategory)
                    <span class="tag">{{ $player->playerCategory->name }}</span>
                @endif
                <span>
                    <svg viewBox="0 0 24 24"><circle cx="12" cy="8" r="4"/><path d="M6 21v-2a4 4 0 0 1 4-4h4a4 4 0 0 1 4 4v2"/></svg>
                    {{ optional($player->playerRole)->name ?? '—' }}
                </span>
                {{-- <span>
                    <svg viewBox="0 0 24 24"><path d="M3 21h18"/><path d="M5 21V7l7-4 7 4v14"/></svg>
                    {{ $player->nationality ?? '—' }}
                </span> --}}
                <span>
                    <svg viewBox="0 0 24 24"><rect x="3" y="4" width="18" height="18" rx="2"/><line x1="16" y1="2" x2="16" y2="6"/><line x1="8" y1="2" x2="8" y2="6"/></svg>
                    Base Price: {{ $player->formattedBasePrice() }}
                </span>
            </div>
        </div>
        <a href="{{ route('admin.users.players.pdf', $player->id) }}"
           class="download_pdf_btn" target="_blank" rel="noopener">
            <svg viewBox="0 0 24 24" width="16" height="16" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="vertical-align:-3px;margin-right:6px">
                <path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"/><polyline points="7 10 12 15 17 10"/><line x1="12" y1="15" x2="12" y2="3"/>
            </svg>
            Download PDF
        </a>
    </div>

    {{-- QUICK STATS --}}
    {{-- <div class="stat_grid">
        <div class="stat_card">
            <div class="icon purple">
                <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="3" y="4" width="18" height="16" rx="2"/><path d="M3 10h18"/></svg>
            </div>
            <div class="meta">
                <span>Matches Played</span>
                <h3>{{ $player->matches_played ?? 0 }}</h3>
            </div>
        </div>
        <div class="stat_card">
            <div class="icon green">
                <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M3 3v18h18"/><path d="M7 14l4-4 3 3 5-6"/></svg>
            </div>
            <div class="meta">
                <span>Runs Scored</span>
                <h3>{{ number_format((float) ($player->runs_scored ?? 0)) }}</h3>
            </div>
        </div>
        <div class="stat_card">
            <div class="icon orange">
                <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="12" cy="12" r="9"/><path d="M12 3v9l6 3"/></svg>
            </div>
            <div class="meta">
                <span>Wickets Taken</span>
                <h3>{{ $player->wickets_taken ?? 0 }}</h3>
            </div>
        </div>
        <div class="stat_card">
            <div class="icon blue">
                <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M12 2a10 10 0 1 0 10 10"/><path d="M22 2 12 12"/></svg>
            </div>
            <div class="meta">
                <span>Catches</span>
                <h3>{{ $player->fielding_catches ?? 0 }}</h3>
            </div>
        </div>
    </div> --}}
    
    {{-- Social Reach --}}
    <div class="stat_grid">
        <div class="stat_card">
            <div class="icon purple">
                <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="2" y="2" width="20" height="20" rx="5"/><circle cx="12" cy="12" r="4"/><circle cx="17.5" cy="6.5" r="1.2" fill="currentColor" stroke="none"/></svg>
            </div>
            <div class="meta">
                <span>Instagram Reach</span>
                <h3>{{ $player->instagram_reach ?: '—' }}</h3>
            </div>
        </div>
        <div class="stat_card">
            <div class="icon blue">
                <svg viewBox="0 0 24 24" fill="currentColor"><path d="M22 12a10 10 0 1 0-11.56 9.88v-6.99H7.9V12h2.54V9.8c0-2.5 1.49-3.89 3.77-3.89 1.09 0 2.24.2 2.24.2v2.46h-1.26c-1.24 0-1.63.77-1.63 1.56V12h2.78l-.44 2.89h-2.34v6.99A10 10 0 0 0 22 12z"/></svg>
            </div>
            <div class="meta">
                <span>Facebook Reach</span>
                <h3>{{ $player->facebook_reach ?: '—' }}</h3>
            </div>
        </div>
        <div class="stat_card">
            <div class="icon orange">
                <svg viewBox="0 0 24 24" fill="currentColor"><path d="M16.5 3c.26 2.02 1.38 3.62 3.5 3.94v2.55c-1.23.12-2.3-.28-3.55-1.03v5.53c0 3.2-2.35 5.51-5.44 5.51-2.9 0-5.01-2.16-5.01-4.94 0-2.94 2.3-5.09 5.24-5.02v2.62c-.45-.14-.94-.15-1.42-.02-1.02.28-1.72 1.13-1.68 2.24.05 1.28 1.04 2.19 2.28 2.19 1.4 0 2.36-1.03 2.36-2.53V3h2.72z"/></svg>
            </div>
            <div class="meta">
                <span>TikTok Reach</span>
                <h3>{{ $player->tiktok_reach ?: '—' }}</h3>
            </div>
        </div>
    </div>

    {{-- MAIN GRID --}}
    <div class="detail_grid">

        {{-- LEFT: personal + registration --}}
        <div>
            <div class="panel">
                <h4>Personal Information</h4>
                <div class="info_row"><span class="k">Full Name</span><span class="v">{{ $player->fullName() }}</span></div>
                {{-- <div class="info_row"><span class="k">Date of Birth</span><span class="v">{{ optional($player->date_of_birth)->format('d M Y') ?? '—' }}</span></div> --}}
                <div class="info_row"><span class="k">Gender</span><span class="v">{{ $genderLabel }}</span></div>
                {{-- <div class="info_row"><span class="k">Nationality</span><span class="v">{{ $player->nationality ?? '—' }}</span></div> --}}
                {{-- <div class="info_row"><span class="k">Foreign Player</span><span class="v">{{ $player->is_foreign_player ? 'Yes' : 'No' }}</span></div> --}}
                <div class="info_row"><span class="k">Batting Style</span><span class="v">{{ optional($player->battingStyle)->display_name ?? optional($player->battingStyle)->name ?? '—' }}</span></div>
                <div class="info_row"><span class="k">Bowling Style</span><span class="v">{{ optional($player->bowlingStyle)->display_name ?? optional($player->bowlingStyle)->name ?? '—' }}</span></div>
            </div>

            <div class="panel">
                <h4>Registration</h4>
                <div class="info_row"><span class="k">Player ID</span><span class="v">#PL-{{ str_pad($player->id, 4, '0', STR_PAD_LEFT) }}</span></div>
                <div class="info_row"><span class="k">League</span><span class="v">{{ optional($player->league)->name ?? '—' }}</span></div>
                <div class="info_row"><span class="k">Category</span><span class="v">@if ($player->playerCategory)<span class="tag">{{ $player->playerCategory->name }}</span>@else — @endif</span></div>
                <div class="info_row"><span class="k">Base Price</span><span class="v">{{ $player->formattedBasePrice() }}</span></div>
                <div class="info_row"><span class="k">Payment</span><span class="v"><span class="badge {{ $paymentBadge }}">{{ $paymentLabel }}</span></span></div>
                <div class="info_row"><span class="k">Status</span><span class="v">@if ($status !== null)<span class="badge {{ LeagueRegistration::statusBadgeClass($status) }}">{{ LeagueRegistration::statusLabel($status) }}</span>@else — @endif</span></div>
            </div>
        </div>

        {{-- RIGHT: career stats + achievements --}}
        <div>
            {{-- <div class="panel">
                <h4>Career Statistics</h4>

                <div class="tabs">
                    <div class="tab active" data-tab="batting">Batting</div>
                    <div class="tab" data-tab="bowling">Bowling</div>
                    <div class="tab" data-tab="fielding">Fielding</div>
                </div>
                <div class="tab_pane active" data-pane="batting">
                    <div class="mini_grid">
                        <div class="mini"><span>Average</span><strong>{{ $player->batting_average ?? '0.00' }}</strong></div>
                        <div class="mini"><span>Strike Rate</span><strong>{{ $player->batting_strike_rate ?? '0.00' }}</strong></div>
                        <div class="mini"><span>Highest Score</span><strong>{{ $player->highest_score ?? 0 }}</strong></div>
                        <div class="mini"><span>Centuries</span><strong>{{ $player->centuries ?? 0 }}</strong></div>
                        <div class="mini"><span>Half Centuries</span><strong>{{ $player->half_centuries ?? 0 }}</strong></div>
                        <div class="mini"><span>Fours</span><strong>{{ $player->fours ?? 0 }}</strong></div>
                        <div class="mini"><span>Sixes</span><strong>{{ $player->sixes ?? 0 }}</strong></div>
                        <div class="mini"><span>Not Outs</span><strong>{{ $player->not_outs ?? 0 }}</strong></div>
                    </div>
                </div>
                <div class="tab_pane" data-pane="bowling">
                    <div class="mini_grid">
                        <div class="mini"><span>Average</span><strong>{{ $player->bowling_average ?? '0.00' }}</strong></div>
                        <div class="mini"><span>Economy</span><strong>{{ $player->bowling_economy ?? '0.00' }}</strong></div>
                        <div class="mini"><span>Strike Rate</span><strong>{{ $player->bowling_strike_rate ?? '0.00' }}</strong></div>
                        <div class="mini"><span>Best Bowling</span><strong>{{ $player->best_bowling ?? '—' }}</strong></div>
                        <div class="mini"><span>5 Wicket Hauls</span><strong>{{ $player->five_wicket_hauls ?? 0 }}</strong></div>
                        <div class="mini"><span>Overs Bowled</span><strong>{{ $player->overs_bowled ?? '0.0' }}</strong></div>
                        <div class="mini"><span>Maiden Overs</span><strong>{{ $player->maiden_overs ?? 0 }}</strong></div>
                        <div class="mini"><span>Runs Conceded</span><strong>{{ $player->runs_conceded ?? 0 }}</strong></div>
                    </div>
                </div>
                <div class="tab_pane" data-pane="fielding">
                    <div class="mini_grid">
                        <div class="mini"><span>Catches</span><strong>{{ $player->fielding_catches ?? 0 }}</strong></div>
                        <div class="mini"><span>Run Outs</span><strong>{{ $player->run_outs ?? 0 }}</strong></div>
                        <div class="mini"><span>Stumpings</span><strong>{{ $player->stumpings ?? 0 }}</strong></div>
                    </div>
                </div>
            </div> --}}

            <div class="panel">
                <h4>Popularity Skills</h4>
                @if ($player->popularitySkills->isNotEmpty())
                    <div style="display:flex;flex-wrap:wrap;gap:8px">
                        @foreach ($player->popularitySkills as $skill)
                            <span class="tag">{{ $skill->id === PopularitySkill::OTHER && filled($skill->pivot->other_text) ? $skill->pivot->other_text : $skill->name }}</span>
                        @endforeach
                    </div>
                @else
                    <div class="info_row"><span class="k">No popularity skills selected.</span></div>
                @endif
            </div>

            <div class="panel">
                <h4>Performances</h4>
                @forelse ($player->performances as $perf)
                    <div class="achievement">
                        <div class="a_icon">
                            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M3 3v18h18"/><path d="M7 14l4-4 3 3 5-6"/></svg>
                        </div>
                        <div style="flex:1">
                            <strong>
                                {{ 'Performance' }}
                                @if ($perf->is_best)<span class="badge verified">Best</span>@endif
                            </strong>
                            <small>{{ (int) $perf->runs_scored }} runs · {{ (int) $perf->wickets_taken }} wkts · {{ (int) $perf->catches }} catches</small>
                        </div>
                    </div>
                @empty
                    <div class="info_row"><span class="k">No performances recorded yet.</span></div>
                @endforelse
            </div>

            <div class="panel">
                <h4>Achievements</h4>
                @forelse ($player->achievements as $achievement)
                    <div class="achievement">
                        <div class="a_icon">
                            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M8 21h8"/><path d="M12 17v4"/><path d="M7 4h10v5a5 5 0 0 1-10 0V4z"/><path d="M17 5h3v2a3 3 0 0 1-3 3M7 5H4v2a3 3 0 0 0 3 3"/></svg>
                        </div>
                        <div>
                            <strong>{{ $achievement->achievement_title }}</strong>
                            <small>{{ trim(($achievement->tournament_name ?? '') . ' ' . ($achievement->achievement_year ?? '')) ?: 'Achievement' }}</small>
                        </div>
                    </div>
                @empty
                    <div class="info_row"><span class="k">No achievements recorded yet.</span></div>
                @endforelse
            </div>
        </div>
    </div>
</div>