@extends('layouts.app')

@section('title',"Team News | Your Website")

@section('content')

	@include('layouts._secondary-menu',['secondaryMenus' => ['News','Standings','Fixtures','Scorer','Teams','History']])

	@include('layouts._breadcrumb',['pageName'=> ['Football',$team['current_league']['tournament']['name'], $team['name']]])
	
	<div class="wrap-width">
			@include('layouts._team-secondary-menu',
			['secondaryMenus' => ['News','Standings','Fixtures','Squad']],
			['isActive'=>"News",'team' => $team])

			{{-- <a href="" class="btn-favorite" title="">
				<i class="icon icon-favorite"></i>
				<span class="label">Add to Favorite</span>
			</a> --}}

			{{-- <div class="widget widget-news-featured bottom-text">
				<h1 class="title heading-lg">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod</h1>
				<img src="../resources/image/temp/news-2.jpg" alt="" class="photo">
			</div>
 --}}
			<div class="grid">
				<div class="col-minus-sidebar-1">
					{{-- <div class="box-generic">
						<div class="widget widget-news-grid">
							<div class="grid">
								<a href="" title="" class="item col-1-2">
									<div class="photo">
										<img src="../resources/image/temp/news-3.jpg" alt="">
									</div>
									<h2 class="title heading-sm">Lorem ipsum dolor sit amet, consectetur adipiscing elit</h2>
									<em class="time">23 November 2018 | 18:18</em>
								</a>
		
								<a href="" title="" class="item col-1-2">
									<div class="photo">
										<img src="../resources/image/temp/news-3.jpg" alt="">
									</div>
									<h2 class="title heading-sm">Lorem ipsum dolor sit amet</h2>
									<em class="time">23 November 2018 | 18:18</em>
								</a>
							</div>
						</div> <!-- widget -->

						<div class="widget widget-news-grid">
							<div class="grid">
								<a href="" title="" class="item col-1-3">
									<div class="photo">
										<img src="../resources/image/temp/news-3.jpg" alt="">
									</div>
									<h2 class="title heading-xxs">Lorem ipsum dolor sit amet, consectetur</h2>
								</a>

								<a href="" title="" class="item col-1-3">
									<div class="photo">
										<img src="../resources/image/temp/news-3.jpg" alt="">
									</div>
									<h2 class="title heading-xxs">Lorem ipsum dolor sit amet, consectetur adipiscing</h2>
								</a>

								<a href="" title="" class="item col-1-3">
									<div class="photo">
										<img src="../resources/image/temp/news-3.jpg" alt="">
									</div>
									<h2 class="title heading-xxs">Lorem ipsum dolor sit amet, consectetur adipiscing elit</h2>
								</a>

								<a href="" title="" class="item col-1-3">
									<div class="photo">
										<img src="../resources/image/temp/news-3.jpg" alt="">
									</div>
									<h2 class="title heading-xxs">Lorem ipsum dolor sit amet, consectetur</h2>
								</a>

								<a href="" title="" class="item col-1-3">
									<div class="photo">
										<img src="../resources/image/temp/news-3.jpg" alt="">
									</div>
									<h2 class="title heading-xxs">Lorem ipsum dolor sit amet, consectetur adipiscing</h2>
								</a>

								<a href="" title="" class="item col-1-3">
									<div class="photo">
										<img src="../resources/image/temp/news-3.jpg" alt="">
									</div>
									<h2 class="title heading-xxs">Lorem ipsum dolor sit amet, consectetur adipiscing elit</h2>
								</a>
							</div> <!-- grid -->
						</div> <!-- widget -->
					</div> <!-- box -->

					<a href="" title="" target="_blank" class="widget widget-banner">
						<img src="../resources/image/temp/banner-728.jpg" alt="" class="ad">
					</a> --}}

					<header class="widget widget-heading-small mt-3">
						<h2 class="title heading-md">
							<a href="" title="">News</a>
						</h2>
					</header>

					<div class="box-generic">
						<div class="widget widget-news-grid widget-news-grid-horizontal">
							@foreach($teamArticles as $article)
								<a href="{{ url('article/'.$article['id']) }}" title="{{ $article['title'] }}" class="item grid">
									<div class="photo col-2-5">
										 @if(isset($article['imgPaths']['1080_608']))
										 {{-- {{ dd($article['imgPaths']['1080_608']) }} --}}
                                            <img src="{{ $article['imgPaths']['1080_608'] }}" alt="{{ $article['title'] }}">
                                        @else
                                            <img src="{{ url('../resources/image/temp/image_placeholder.png') }}" alt="{{ $article['title'] }}">
                                        @endif
									</div>
									<div class="col-3-5">
										<h2 class="title heading-sm">{{ $article['title'] }}</h2>
										<em class="time">{{ $article['fromDate'] }}</em>
									</div>
								</a>
							@endforeach
						</div> <!-- widget -->
	
						{{-- <div class="widget widget-news-grid">
							<div class="photo">
								<a href="" title="">
									<img src="../resources/image/temp/news-2.jpg" alt="" class="news-photo">
								</a>
	
								<div class="widget widget-odds">
									<a href="" title="" target="_blank" class="odds-provider">
										<img src="../resources/image/temp/odds-1.jpg" alt="">
									</a>
									
									<div class="match-bet-wrap">
										<div class="team-logo">
											<img src="../resources/image/temp/team-2.png" alt="">
										</div>
	
										<ul class="match-bet">
											<li class="bet-home">
												<span class="bet-label">1</span>
												<strong class="bet-odds">3.50</strong>
											</li>
											<li class="bet-draw">
												<span class="bet-label">X</span>
												<strong class="bet-odds">3.30</strong>
											</li>
											<li class="bet-away">
												<span class="bet-label">2</span>
												<strong class="bet-odds">2.10</strong>
											</li>
										</ul>
	
										<div class="team-logo">
											<img src="../resources/image/temp/team-3.png" alt="">
										</div>
									</div>
	
	
									<a href="" title="" class="btn-view-more widget-view-more">
										<span class="label">View More</span>
										<i class="icon icon-view-more"></i>
									</a>
								</div>
							</div>
	
							<a href="" title="" class="item">
								<h2 class="title heading-xm">Lorem ipsum dolor sit amet, illud tempor dissentias ne vel. Facete audire molestiae duo at</h2>
								<em class="time">23 November 2018 | 18:18</em>
							</a>
						</div> <!-- widget --> --}}
						{{-- {{ dd($teamArticles) }} --}}
						{{-- <div class="widget widget-news-grid widget-news-grid-horizontal">
							@foreach($teamArticles as $article)
								<a href="{{ url('article/'.$article['id']) }}" title="{{ $article['title'] }}" class="item grid">
									<div class="photo col-2-5">
										 @if(isset($article['imgPaths']['1080_608']))
                                            <img src="{{ $article['imgPaths']['1080_608'] }}" alt="{{ $article['title'] }}">
                                        @else
                                            <img src="{{ url('../resources/image/temp/image_placeholder.png') }}" alt="{{ $article['title'] }}">
                                        @endif
									</div>
									<div class="col-3-5">
										<h2 class="title heading-sm">{{ $article['title'] }}</h2>
										<em class="time">{{ $article['fromDate'] }}</em>
									</div>
								</a>
							@endforeach
						</div> <!-- widget --> --}}
{{-- 
						<div class="widget widget-news-grid">
							<div class="photo">
								<a href="" title="">
									<img src="../resources/image/temp/news-2.jpg" alt="" class="news-photo">
								</a>
							</div>
	
							<a href="" title="" class="item">
								<h2 class="title heading-xm">Lorem ipsum dolor sit amet, illud tempor dissentias ne vel. Facete audire molestiae duo at</h2>
								<em class="time">23 November 2018 | 18:18</em>
							</a>
						</div> <!-- widget --> --}}

						{{-- <div class="widget widget-news-grid widget-news-grid-horizontal">
							<a href="" title="" class="item grid">
								<div class="photo col-2-5">
									<img src="../resources/image/temp/news-2.jpg" alt="">
								</div>
								<div class="col-3-5">
									<h2 class="title heading-sm">Lorem ipsum dolor sit amet, consectetur adipiscing elit</h2>
									<em class="time">23 November 2018 | 18:18</em>
								</div>
							</a>
	
							<a href="" title="" class="item grid">
								<div class="photo col-2-5">
									<img src="../resources/image/temp/news-1.jpg" alt="">
								</div>
								<div class="col-3-5">
									<h2 class="title heading-sm">Lorem ipsum dolor sit amet, consectetur adipiscing elit</h2>
									<em class="time">23 November 2018 | 18:18</em>
								</div>
							</a>
						</div> <!-- widget --> --}}

						{{-- <a href="" title="" class="widget widget-view-more-load">
							<i class="icon icon-more-down"></i>
							<p class="label">Pagination</p>
						</a> --}}
					</div> <!-- box -->

					<a href="" title="" target="_blank" class="widget widget-banner">
						<img src="{{ url('../resources/image/temp/banner-728.jpg') }}" alt="" class="ad">
					</a>
				</div> <!-- col-minus-sidebar-1 -->
				<div class="col-sidebar">
					@include('layouts.side-bar-components._vertical-banner',['bannerURL'=>'../resources/image/temp/banner-300.jpg'])
					
					@include('layouts.side-bar-components._standings')

					@include('layouts.side-bar-components._vertical-banner',['bannerURL'=>'../resources/image/temp/banner-300-2.jpg'])
				</div> <!-- col-sidebar -->
			</div> <!-- grid -->
		</div>
	
@endsection