@extends('layouts.main')

@section('title')
    <title>{{ pageTitle($sport->name . ' News') }}</title>
@endsection

@section('content')

@include('layouts.breadcrumbs', ['sport' => $sport])

<input type="hidden" class="filter-articles-for-sport-id" value="{{ $sport->id }}">

<div class="news_block_flwidth mar20">
    <div class="container">
        <h2 class="inner-page-title">{{ $sport->name }} News</h2>
        <div class="row_left">
            <div class="news_full_block">
                <div class="container">
                    <div class="col-12">
                        <div class="news_grid_wrapper">
                        	@forelse ($recentArticles as $key => $article)
							    <div class="width_25 news_grid mar20">
	                                <a href="{{ route('article.detail', ['uuid' => $article->uuid, 'slug' => $article->slug]) }}" target="_blank">
	                                    <div class="news_grid_image">
	                                        <img src="{{ $article->main_image }}" referrerpolicy="no-referrer">
	                                    </div>
	                                    <div class="set_blog_bio">
	                                        <h6><b>{{ $article->sport->name }}</b></h6>
	                                        <h3>{{ ellipsis($article->title, 50) }}</h3>
	                                        <p>
	                                            <span class="name">{{ $article->article_source_name }}</span>
	                                            <span>-</span>
	                                            <span class="date">{{ $article->published_date }}</span>
	                                        </p>
	                                    </div>
	                                </a>
	                            </div>
							@empty
							@endforelse
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="row_left">
            <div class="news_block_left mar20">
                @include('news._latest-articles-primary-container')
            </div>
            <div class="news_block_right mar20">
                @include('ads.golden-444-static')
                
@include('news._latest-news-primary-container')
                @include('layouts.categories-footer')
            </div>
        </div>
    </div>
</div>

@endsection