@if($championships->isEmpty())
    <div class="empty-msg">
        <i class="ti ti-calendar-off" aria-hidden="true"></i>
        لا توجد مباريات في هذا اليوم
    </div>
@else
    @foreach($championships as $championship)
        <div class="champ-card">
            <div class="champ-header">
                @if($championship->logo)
                    <img src="{{ $championship->logo }}" alt="{{ $championship->name }}" loading="lazy">
                @else
                    <i class="ti ti-trophy" aria-hidden="true"></i>
                @endif
                <b>{{ $championship->name }}</b>
                <span class="champ-header__count">{{ $championship->matches->count() }} مباراة</span>
            </div>

            @foreach($championship->matches as $match)
                <div class="match-row" data-match-id="{{ $match->id }}">
                    @if($match->homeTeam?->profileId())
                        <a href="{{ route('teams.show', ['btolatId' => $match->homeTeam->profileId(), 'slug' => $match->homeTeam->slug]) }}" class="team home">
                    @else
                        <div class="team home">
                    @endif
                        @if($match->homeTeam && $match->homeTeam->logo)
                            <img src="{{ $match->homeTeam->logo }}" alt="{{ $match->homeTeam->name }}" loading="lazy">
                        @endif
                        <span>{{ $match->homeTeam->name ?? 'غير معروف' }}</span>
                    @if($match->homeTeam?->profileId())</a>@else</div>@endif

                    <a href="{{ route('match.show', $match->id) }}" class="result match-details">
                        @if($match->status === 'live')
                            <div class="score">{{ $match->home_score }} - {{ $match->away_score }}</div>
                            <div class="live">
                                @if(\App\Support\MatchMinute::normalize($match->minute) !== null)
                                    مباشر {{ \App\Support\MatchMinute::normalize($match->minute) }}'
                                @else
                                    {{ $match->minute ?: 'مباشر' }}
                                @endif
                            </div>
                        @elseif($match->status === 'finished')
                            <div class="score">{{ $match->home_score }} - {{ $match->away_score }}</div>
                            <div class="finished">انتهت</div>
                        @elseif($match->status === 'postponed')
                            <div class="time local-time" data-utc="{{ $match->match_date->toIso8601String() }}">
                                {{ $match->match_date->format('H:i') }}
                            </div>
                            <div class="date-small"></div>
                            <div class="finished">تأجلت</div>
                        @else
                            <div class="time local-time" data-utc="{{ $match->match_date->toIso8601String() }}">
                                {{ $match->match_date->format('H:i') }}
                            </div>
                            <div class="date-small"></div>
                        @endif
                    </a>

                    @if($match->awayTeam?->profileId())
                        <a href="{{ route('teams.show', ['btolatId' => $match->awayTeam->profileId(), 'slug' => $match->awayTeam->slug]) }}" class="team away">
                    @else
                        <div class="team away">
                    @endif
                        @if($match->awayTeam && $match->awayTeam->logo)
                            <img src="{{ $match->awayTeam->logo }}" alt="{{ $match->awayTeam->name }}" loading="lazy">
                        @endif
                        <span>{{ $match->awayTeam->name ?? 'غير معروف' }}</span>
                    @if($match->awayTeam?->profileId())</a>@else</div>@endif
                </div>
            @endforeach
        </div>
    @endforeach
@endif