@forelse($matches as $match)
    <div class="match-row">
        <div class="match-champ"><i class="ti ti-trophy" aria-hidden="true"></i> {{ $match->championship->name ?? '' }}</div>
        <div class="match-line">
            @if($match->homeTeam?->profileId())
                <a class="team" href="{{ route('teams.show', ['btolatId' => $match->homeTeam->profileId(), 'slug' => $match->homeTeam->slug]) }}">{{ $match->homeTeam->name ?? '' }}</a>
            @else
                <span class="team">{{ $match->homeTeam->name ?? '' }}</span>
            @endif
            <a href="{{ route('match.show', $match->id) }}" class="match-result">
                @if(in_array($match->status, ['live', 'finished']))
                    <span>{{ $match->home_score }} - {{ $match->away_score }}</span>
                    <small class="match-date">{{ $match->match_date->timezone('Africa/Cairo')->format('d/m/Y H:i') }}</small>
                @else
                    <span>{{ $match->match_date->timezone('Africa/Cairo')->format('H:i') }}</span>
                    <small class="match-date">{{ $match->match_date->timezone('Africa/Cairo')->format('d/m/Y') }}</small>
                @endif
            </a>
            @if($match->awayTeam?->profileId())
                <a class="team away" href="{{ route('teams.show', ['btolatId' => $match->awayTeam->profileId(), 'slug' => $match->awayTeam->slug]) }}">{{ $match->awayTeam->name ?? '' }}</a>
            @else
                <span class="team away">{{ $match->awayTeam->name ?? '' }}</span>
            @endif
        </div>
    </div>
@empty
    <div class="empty-msg"><i class="ti ti-calendar-off" aria-hidden="true"></i> لا توجد مباريات.</div>
@endforelse