@forelse($articles as $item)
    <div class="col-6 col-md-4">
        <a href="{{ route('article.show', ['type' => $item->type, 'btolatId' => $item->btolat_id]) }}" class="news-card">
            @if($item->image)
                <img src="{{ $item->image }}" alt="{{ $item->title }}" loading="lazy">
            @endif
            @if($item->type === 'video')
                <span class="play">▶</span>
            @endif
            <h3>{{ \Illuminate\Support\Str::limit($item->title, 110) }}</h3>
            <div class="news-meta">
                @if($item->league)
                    {{ $item->league }}
                @endif
                @if($item->published_at)
                    {{ $item->league ? ' • ' : '' }}{{ $item->published_at->diffForHumans() }}
                @endif
            </div>
        </a>
    </div>
@empty
    <div class="col-12 text-center text-muted py-5">لا يوجد محتوى بعد.</div>
@endforelse