@extends('layouts.app')

@section('title',$league['name'].' - News | Sport 1')

@section('league-header-tabs')
	<ul class="heading-tabs">
		<li class="active">
			<a href="{{ url('league/'.$league['id'].'/news') }}" title="{{ $league['name'].' - News' }}">
			News</a>
		</li>
		<li>
			<a href="{{ url('league/'.$league['id'].'/standings') }}" title="{{ $league['name'].' - Standings' }}">
			Standings</a>
		</li>
		<li>
			<a href="{{ url('league/'.$league['id'].'/teams') }}" title="{{ $league['name'].' - Teams' }}">
			Teams</a>
		</li>
		<li>
			<a href="{{ url('league/'.$league['id'].'/fixtures/') }}" title="{{ $league['name'].' - Fixtures' }}">
			Fixtures</a>
		</li>
	</ul>
@endsection

@section('content')

	@include('layouts._secondary-menu',['secondaryMenus' => ['News','Standings','Fixtures','Scorer','Teams','History']])
	
	@include('layouts._breadcrumb',['pageName'=> ['Football', $league['name'],'News']])
	
	<div class="wrap-width">
		@include('layouts._league-header',['league' => $league])
		<div class="grid">
			<div class="col-minus-sidebar-1">
				<div class="widget widget-livescore-list">
					<header class="widget widget-heading-small mt-3">
						<h2 class="title heading-md">
							<a href="" title="">News</a>
						</h2>
						<ul class="heading-tabs">
							<li class="active">
								<a href="#news-1" title="Last" aria-selected="true">Last</a>
							</li>
							<li>
								<a href="#news-2" title="Popular" aria-selected="false">Popular</a>
							</li>
						</ul>
					</header>
					<div class="grid">
						{{-- <div class="col-1-2">
							<div class="widget widget-category-dropdown">
								<label for="dropdown-season" class="form-select-label">Season</label>
								<div class="form-select">
									<select name="" id="dropdown-season">
										<option value="">All</option>
										<option value="">2016 / 2017</option>
										<option value="">2017 / 2018</option>
										<option value="" selected="">2018 / 2019</option>
									</select>
								</div>
							</div>
						</div> --}}
						{{-- <div class="col-1-2">
							<div class="widget widget-category-dropdown">
								<label for="dropdown-week" class="form-select-label">Game week</label>
								<div class="form-select">
									<select name="" id="dropdown-week">
										<option value="">11</option>
										<option value="" selected="">12</option>
										<option value="">13</option>
										<option value="">14</option>
									</select>
								</div>
							</div>
						</div> --}}
					</div> <!-- grid -->
	                    <div class="box-generic tab-content">
	                    	<div id="news-1" style="" aria-hidden="false">
		                        <div class="widget widget-news-grid widget-news-grid-horizontal">
		                            <div class="grid">
		                            	@if(count($leagueArticles) > 0)
			                                @foreach($leagueArticles as $article)
			                                <a href="{{ url('article/'.$article['id']) }}" title="{{ $article['title'] }}" class="item col-1-2">
			                                    <div class="photo photo-second">
			                                         @if(isset($article['imgPaths']['data']['urls']['uploaded']['original']))
								                        <img src="{{ $article['imgPaths']['data']['urls']['uploaded']['original'] }}" alt="{{ $article['title'] }}">
								                    @elseif(isset($article['imgPaths']['data']['urls']['16x9']['770_433']))
								                        <img src="{{ $article['imgPaths']['data']['urls']['16x9']['770_433'] }}" alt="{{ $article['title'] }}">
								                    @else
								                        <img src="../resources/image/temp/image_placeholder.png" alt="{{ $article['title'] }}">
								                    @endif
			                                    </div>
			                                    <h2 class="title heading-sm">{{ $article['title'] }}</h2>
			                                    <em class="time">{{ $article['fromDate'] }}</em>
			                                </a>
			                                @endforeach
			                            @else
		                                 	<div class="item col-1-2">
												<h2 class="title heading-sm">Currently there's no articles for {{ $league['name'] }}</h2>
											</div>
			                            @endif
		                            </div> 
		                             {{ $leagueArticles->onEachSide(1)->links('vendor.pagination.default') }}
		                        </div> <!-- widget -->
		                    </div>
		                    <div id="news-2" style="" aria-hidden="true">
		                        <div class="widget widget-news-grid widget-news-grid-horizontal">
		                            <div class="grid">
		                            	@if(count($mostReadLeagueArticles) > 0 )
			                                @foreach($mostReadLeagueArticles as $mArticle)
			                                <a href="{{ url('article/'.$mArticle['id']) }}" title="{{ $mArticle['title'] }}" class="item col-1-2">
			                                    <div class="photo photo-second">
			                                       @if(isset($mArticle['imgPaths']['data']['urls']['uploaded']['original']))
								                        <img src="{{ $mArticle['imgPaths']['data']['urls']['uploaded']['original'] }}" alt="{{ $mArticle['title'] }}">
								                    @elseif(isset($mArticle['imgPaths']['data']['urls']['16x9']['770_433']))
								                        <img src="{{ $mArticle['imgPaths']['data']['urls']['16x9']['770_433'] }}" alt="{{ $mArticle['title'] }}">
								                    @else
								                        <img src="../resources/image/temp/image_placeholder.png" alt="{{ $mArticle['title'] }}">
								                    @endif
			                                    </div>
			                                    <h2 class="title heading-sm">{{ $mArticle['title'] }}</h2>
			                                    <em class="time">{{ $mArticle['fromDate'] }}</em>
			                                </a>
			                                @endforeach
		                                 @else
		                                 <div class="item col-1-2">
											<h2 class="title heading-sm">Currently there's no popular articles for {{ $league['name'] }}</h2>
		                                 </div>
			                            @endif
		                            </div>
		                        </div> <!-- widget -->
		                    </div>
	                    </div> <!-- box -->
				</div> <!-- widget -->
				
				@include('layouts.side-bar-components._vertical-banner',['bannerURL'=>'../resources/image/temp/banner-728.jpg'])
			</div>

			@include('layouts.sidebars._league-side-bar')
		</div>
	</div>
@endsection