{{-- Teams grid (col-md-4) --}}
<div class="card mb-4">
    <div class="card-header d-flex justify-content-between align-items-center flex-wrap gap-2">
        <h5 class="card-title mb-0"><i class="ri-team-line me-1"></i>{{ __('Teams') }}</h5>
        <span class="badge bg-primary-subtle text-primary">{{ $championship->teams->count() }}</span>
    </div>
    <div class="card-body">
        @if($championship->teams->isEmpty())
            <div class="text-center py-5 text-muted">
                <i class="ri-team-line fs-1 d-block mb-2"></i>
                {{ __('No teams registered for this championship yet.') }}
            </div>
        @else
            <div class="row g-4">
                @foreach($championship->teams as $team)
                    <div class="col-12 col-md-4">
                        <div class="champ-team-card">
                            <div class="champ-team-card-logo">
                                @if(filled($team->logo))
                                    <img src="{{ viewImage($team->logo) }}" alt="{{ $team->name }}" width="72" height="72" loading="lazy" decoding="async">
                                @else
                                    <i class="ri-shield-line"></i>
                                @endif
                            </div>
                            <div class="champ-team-card-name">{{ $team->name }}</div>
                            <div class="champ-team-card-meta">
                                <strong>{{ (int) ($team->players_count ?? 0) }}</strong> {{ __('Players') }}
                            </div>
                            <a href="{{ route('admin.championship-teams.show', $team->id) }}"
                               class="btn btn-sm btn-primary w-100">
                                <i class="ri-eye-line me-1"></i>{{ __('Show Details') }}
                            </a>
                        </div>
                    </div>
                @endforeach
            </div>
        @endif
    </div>
</div>
