@php
    $mapPrediction = function ($value) {
        return match ((string) $value) {
            '1', 'home', 'A', 'home_win' => 'Home Win',
            '2', 'away', 'B', 'away_win' => 'Away Win',
            '3', 'draw', 'D' => 'Draw',
            default => $value ?: '-',
        };
    };

    $predictions = $record->predictions ?? [];
@endphp

<div class="space-y-3">
    @forelse($predictions as $prediction)

        <div class="mb-2 p-4 rounded-xl bg-gray-50 dark:bg-gray-800">
            <div class="font-semibold text-sm">
                {{ $prediction->match?->homeTeam?->team_name ?? '-' }}
                VS
                {{ $prediction->match?->awayTeam?->team_name ?? '-' }}
            </div>

            <div class="text-xs text-gray-500 mt-1">
                Sport:
                {{ ucfirst($prediction->sport_type ?? '-') }}
            </div>

            <div class="mt-2 grid grid-cols-2 gap-3 text-sm">
                <div>
                    <span class="font-medium text-primary-600">
                        Predicted:
                    </span>

                    {{ $mapPrediction($prediction->prediction) }}
                </div>

                <div>
                    <span class="font-medium text-success-600">
                        Final:
                    </span>

                    {{ $mapPrediction($prediction->match?->result?->result_type) }}
                </div>
            </div>

        </div>

    @empty
        <div class="text-sm text-gray-500 italic text-center py-4">
            No prediction submitted
        </div>
    @endforelse
</div>