{{-- Championship summary header --}}
<div class="card bg-primary bg-gradient mb-4">
    <div class="card-body">
        <div class="d-flex align-items-center">
            <div class="avatar-lg bg-white bg-opacity-25 rounded d-flex align-items-center justify-content-center me-4" style="width: 80px; height: 80px;">
                @if($championship->image)
                    <img src="{{ asset('storage/' . $championship->image) }}" alt="{{ $championship->name }}" class="rounded" style="width: 100%; height: 100%; object-fit: cover;">
                @else
                    <i class="ri-trophy-line text-white fs-1"></i>
                @endif
            </div>
            <div>
                <h3 class="mb-1 text-white">{{ $championship->name }}</h3>
                <p class="text-white-50 mb-0">
                    {{ $championship->game?->name }} |
                    {{ $championship->players_count }} {{ __('players/team') }} |
                    {{ number_format($championship->price, 2) }} {{ __('price') }}
                </p>
            </div>
            <div class="ms-auto text-end">
                {!! \App\Enums\ChampionshipStatusEnum::badge($championship->status) !!}
                <div class="mt-2">
                    <span class="badge bg-white bg-opacity-25 text-white">{{ $championship->teams->count() }} {{ __('Teams') }}</span>
                </div>
            </div>
        </div>
    </div>
</div>
