{{-- resources/views/public/athlete_card_mini.blade.php --}}
@php
    $specs = collect();
    $hasNR = false;

    if ($athlete->performances) {
        foreach ($athlete->performances as $perf) {
            if ($perf->discipline) {
                $specs->push($perf->discipline->name);
            }
        }
    }
    $specsText = $specs->unique()->count() > 0 ? $specs->unique()->implode(', ') : 'Belum ada spesialisasi';

    if ($athlete->performanceHistories) {
        foreach($athlete->performanceHistories as $h) {
            if ($h->performanceRemarks && $h->performanceRemarks->contains('code', 'NR')) {
                $hasNR = true; 
                break;
            }
        }
    }
@endphp

<div class="card-gradient rounded-2xl p-4 hover:shadow-lg transition-all group text-center flex flex-col h-full relative border {{ $athlete->status == 'inactive' ? 'border-gray-200 dark:border-slate-800 opacity-80 hover:opacity-100' : 'border-transparent' }}">
    
    @if($hasNR)
        <div class="absolute top-2 right-2 bg-gradient-to-r from-amber-400 to-amber-600 text-white text-[9px] font-bold px-2 py-0.5 rounded-full shadow-md z-10" title="Pemegang Rekor Nasional">
            <svg class="w-3 h-3 inline-block mr-0.5" fill="currentColor" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M10 2a1 1 0 011 1v1.323l3.954 1.582 1.599-.8a1 1 0 01.894 1.79l-1.233.616 1.738 5.42a1 1 0 01-.285 1.05A3.989 3.989 0 0115 15a3.989 3.989 0 01-2.667-1.019 1 1 0 01-.285-1.05l1.715-5.349L11 6.477V16h2a1 1 0 110 2H7a1 1 0 110-2h2V6.477L5.237 7.582l1.715 5.349a1 1 0 01-.285 1.05A3.989 3.989 0 014 15a3.989 3.989 0 01-2.667-1.019 1 1 0 01-.285-1.05l1.738-5.42-1.233-.617a1 1 0 01.894-1.788l1.599.799L8 4.323V3a1 1 0 011-1zm-5 8.274l-.818 2.552c.25.112.526.174.818.174.292 0 .569-.062.818-.174L5 10.274zm10 0l-.818 2.552c.25.112.526.174.818.174.292 0 .569-.062.818-.174L15 10.274z" clip-rule="evenodd"></path></svg>
            NR
        </div>
    @endif

    <a href="{{ route('public.athletes.show', $athlete->id) }}" class="block mb-3">
        <div class="relative w-24 h-24 md:w-28 md:h-28 mx-auto">
            <div class="w-full h-full rounded-2xl bg-gray-100 dark:bg-slate-800 border-2 border-white dark:border-slate-700 overflow-hidden shadow-sm group-hover:border-blue-500 transition-colors">
                @if($athlete->photo)
                    <img src="{{ asset('storage/'.$athlete->photo) }}" class="w-full h-full object-cover object-top {{ $athlete->status == 'inactive' ? 'grayscale' : '' }}">
                @else
                    <div class="w-full h-full flex items-center justify-center text-gray-300 dark:text-slate-600">
                        <svg class="w-10 h-10" fill="currentColor" viewBox="0 0 24 24">
                            <path d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z" />
                        </svg>
                    </div>
                @endif
            </div>
            <div class="absolute -bottom-1.5 -right-1 w-5 h-5 rounded-full border-[3px] border-white dark:border-slate-900 {{ $athlete->status == 'active' ? 'bg-green-500' : 'bg-gray-400' }}" title="{{ $athlete->status == 'active' ? 'Atlet Aktif' : 'Nonaktif / Pensiun' }}"></div>
        </div>
    </a>

    <div class="flex-grow flex flex-col justify-between">
        <div>
            <a href="{{ route('public.athletes.show', $athlete->id) }}" class="block">
                <h4 class="text-sm font-bold text-gray-900 dark:text-white group-hover:text-blue-600 transition-colors line-clamp-2 leading-tight h-10 mb-1">
                    {{ $athlete->name }}
                </h4>
            </a>
            
            <p class="text-xs text-blue-600 dark:text-blue-400 font-medium line-clamp-1 mb-2" title="{{ $specsText }}">
                {{ $specsText }}
            </p>
        </div>

        <div class="text-[10px] uppercase tracking-wider mt-auto flex flex-col gap-1 items-center">
            <span class="text-gray-500 dark:text-slate-500 truncate w-full">{{ $athlete->wilayah->nama ?? 'Indonesia' }}</span>
            <span class="font-bold {{ $athlete->status == 'active' ? 'text-green-600 dark:text-green-400' : 'text-gray-500 dark:text-gray-400' }}">
                {{ $athlete->status == 'active' ? 'AKTIF' : 'NONAKTIF' }}
            </span>
        </div>
    </div>
</div>