@foreach($articles as $key=>$article)
	@if($key%4 == 0 || $key == 0)
		@if(isset($article['imgPaths']['data']['urls']['uploaded']['original']))
			<a href="{{ url('article/'. $article['id']) }}" title="{{ $article['title'] }}" class="item grid full-background-picture-new" style="background-image: url({{ $article['imgPaths']['data']['urls']['uploaded']['original'] }} );">
		@elseif(isset($article['imgPaths']['data']['urls']['16x9']['770_433']))
			<a href="{{ url('article/'. $article['id']) }}" title="{{ $article['title'] }}" class="item grid full-background-picture-new" style="background-image: url({{ $article['imgPaths']['data']['urls']['16x9']['770_433'] }} );">
		@else 
			<a href="{{ url('article/'. $article['id']) }}" title="{{ $article['title'] }}" class="item grid full-background-picture-new" style=" background-image: url({{ url('../resources/image/temp/image_placeholder.png') }} );">
		@endif
			{{-- <div class="photo col-1-2">
				@if(isset($article['imgPaths']['365_205']))
					<img src="{{ $article['imgPaths']['365_205'] }}" alt="{{ $article['title'] }}">
				@else 
					<img src="../resources/image/temp/image_placeholder.png" alt="{{ $article['title'] }}">
				@endif
			</div> --}}
			{{-- <em class="category custom-category">{{ $article['categories']['title'] }}</em> --}}
			<div class="col-1 full-background-picture-new-col">
				<h2 class="title heading-xxs">{{ $article['title'] }}</h2>
			</div>
		</a>
		@if(count($article['related']) > 0)
			<div class="widget widget-news-article-related widget-news-article-related-custom">
				<ul>
					@foreach($article['related'] as $related)
						@if($related['type'] == 'article')
							<li>
								<a href="{{ $related['data']['id'] }}" title="{{ $related['data']['title'] }}" class="news-list-link">
									{{-- <i class="icon icon-link"></i> --}}
									<h5 class="title related-article-time">{{ mb_substr($related['data']['published_at'],11,5) }}</h5>
									<h5 class="title">
										
										{{ $related['data']['title'] }}
									</h5>
								</a>
							</li>
						@endif
					@endforeach
				</ul>
			</div> <!-- widget -->
		@endif
	@else
		<a href="{{ url('article/'.$article['id']) }}" title="{{ $article['title'] }}" class="item grid">
			<div class="photo col-1-2">
				@if(isset($article['imgPaths']['data']['urls']['uploaded']['thumbnail']))
	                <img src="{{ $article['imgPaths']['data']['urls']['uploaded']['thumbnail'] }}" alt="{{ $article['title'] }}" class="item-grid-image">
	            @elseif(isset($article['imgPaths']['data']['urls']['16x9']['770_433']))
	                <img src="{{ $article['imgPaths']['data']['urls']['16x9']['770_433'] }}" alt="{{ $article['title'] }}" class="item-grid-image">
	            @else
	                <img src="../resources/image/temp/image_placeholder.png" alt="{{ $article['title'] }}" class="image-placeholder">
	            @endif
			</div>
			<div class="col-1-2 widget-news-article">
				<h2 class="title heading-xxs">{{ $article['title'] }}</h2>
				<em class="article-time">{{ $article['fromDate'] }}</em>
			</div>
		</a>
	@endif
@endforeach