@forelse ($mostReadArticles as $key => $article)
    <div class="td_module_flex">
        <div class="td-module-thumb">
            <a href="{{ route('article.detail', ['uuid' => $article->uuid, 'slug' => $article->slug]) }}" target="_blank" class="td-image-wrap">
                <img src="{{ url($article->main_image) }}" referrerpolicy="no-referrer">
            </a>
        </div>
        <h6><b>{{ $article->sport->name }}</b></h6>
        <h3>
            <a href="{{ route('article.detail', ['uuid' => $article->uuid, 'slug' => $article->slug]) }}" target="_blank">
                {{ ellipsis($article->title, 90) }}
            </a>
        </h3>
        <p>
            <a href="{{ route('article.detail', ['uuid' => $article->uuid, 'slug' => $article->slug]) }}" target="_blank">
                <span class="name">{{ $article->article_source_name }}</span>
                <span>-</span>
                <span class="date">{{ $article->published_date }}</span>
            </a>
        </p>
    </div>
@empty
    <p>No news found</p>
@endforelse