@props([
    'league',
    'mostFrequent' => []
])

<div class="flex justify-center mb-8">
    <div class="w-full lg:w-1/2 xl:w-1/3">
        <div class="filter-card">
            <div class="filter-card-header p-6 text-center">
                @if(isset($league->logo_path))
                <div class="bg-blue-500 text-white rounded-full w-16 h-16 flex items-center justify-center mx-auto -mt-8 mb-4">
                    <img src="{{ $league->logo_path }}" class="w-12 h-12" alt="league logo">
                </div>
                @endif
                <h2 class="text-2xl font-bold mb-2">{{ $league->name ?? 'Liga' }}</h2>
                @if(!empty($mostFrequent))
                <div class="text-white">
                    <p class="font-semibold mb-2">Leggyakrabban előforduló eredmények:</p>
                    @foreach($mostFrequent as $key => $count)
                        <p>{{ $key }} ({{ $count }}x fordult elő)</p>
                    @endforeach
                </div>
                @endif
            </div>
        </div>
    </div>
</div>