@extends('layouts.app')

@section('title', 'Начална страница | Sport 1')

@section('banners_data')
<script async src="https://securepubads.g.doubleclick.net/tag/js/gpt.js"></script>
<script>
  window.googletag = window.googletag || {cmd: []};
  googletag.cmd.push(function() {
    googletag.defineSlot('/26641721/sport1.bg/d_vertical_top', [[300, 600], [300, 250], [160, 600]], 'div-gpt-ad-1580307592843-0').addService(googletag.pubads());
    googletag.defineSlot('/26641721/sport1.bg/d_horizontal_1', [[728, 90], [750, 200]], 'div-gpt-ad-1580308155760-0').addService(googletag.pubads());
    googletag.defineSlot('/26641721/sport1.bg/d_horizontal_2', [[728, 90], [890, 200], [750, 200], [970, 90], [970, 250]], 'div-gpt-ad-1580308327344-0').addService(googletag.pubads());
    googletag.defineSlot('/26641721/sport1.bg/d_vertical_2', [[300, 250], [300, 300]], 'div-gpt-ad-1580308500353-0').addService(googletag.pubads());
    googletag.defineSlot('/26641721/sport1.bg/d_horizontal_3', [[750, 200], [728, 90], [970, 250], [890, 200], [970, 90]], 'div-gpt-ad-1580308691600-0').addService(googletag.pubads());
    googletag.defineSlot('/26641721/sport1.bg/d_horizontal_4', [[728, 90], [750, 200], [970, 250], [890, 200], [970, 90]], 'div-gpt-ad-1580308944343-0').addService(googletag.pubads());
    googletag.defineSlot('/26641721/sport1.bg/d_vertical_4', [[160, 600], [300, 250], [300, 300], [300, 600]], 'div-gpt-ad-1580309074355-0').addService(googletag.pubads());
    googletag.defineSlot('/26641721/sport1.bg/d_horizontal_5', [[890, 200], [970, 250], [970, 90], [728, 90], [750, 200]], 'div-gpt-ad-1580309175692-0').addService(googletag.pubads());
    // googletag.defineSlot('/26641721/sport1.bg/d_horizontal_8',[[970, 90], [970, 250], [890, 200], [750, 200], [728, 90]], 'div-gpt-ad-1580309651814-0').addService(googletag.pubads());
    googletag.defineSlot('/26641721/sport1.bg/d_horizontal_6', [[750, 200], [890, 200], [970, 90], [970, 250], [728, 90]], 'div-gpt-ad-1580309329780-0').addService(googletag.pubads());
    googletag.defineSlot('/26641721/sport1.bg/d_horizontal_7', [[728, 90]], 'div-gpt-ad-1580309441299-0').addService(googletag.pubads());
    googletag.defineSlot('/26641721/sport1.bg/d_horizontal_9', [[728, 90]], 'div-gpt-ad-1580309720793-0').addService(googletag.pubads());
    googletag.defineSlot('/26641721/sport1.bg/d_horizontal_9', [[728, 90]], 'div-gpt-ad-test-0').addService(googletag.pubads());
    googletag.defineSlot('/26641721/sport1.bg/d_vertical_6', [[300, 300], [300, 250]], 'div-gpt-ad-1580309804085-0').addService(googletag.pubads());
    googletag.defineSlot('/26641721/sport1.bg/d_vertical_5',  [[300, 300], [300, 250]], 'div-gpt-ad-1580309532478-0').addService(googletag.pubads());

    // googletag.pubads().enableSingleRequest();
    // googletag.pubads().collapseEmptyDivs(true);
 //    googletag.pubads().enableLazyLoad({
	//   fetchMarginPercent: 300,  // Fetch slots within 5 viewports.
	//   renderMarginPercent: 200,  // Render slots within 2 viewports.
	//   mobileScaling: 2.0  // Double the above values on mobile.
	// });

	googletag.pubads().enableSingleRequest();
	googletag.pubads().setCentering(true);
	// googletag.pubads().addEventListener('slotRequested', function(event) {
	//   console.log('Slot has been requested:');
	//   console.log(event);
	// });
	// googletag.pubads().addEventListener('slotRenderEnded', function(event) {
	//   console.log('Slot has been rendered:');
	//   console.log(event);
	// });
    googletag.enableServices();
  });
</script>
@endsection

@section('content')
<div class="wrap-width">
	<!-- //////////////////  -->
	<!-- //////////////////  -->
		<!-- Latest News  -->
	<!-- //////////////////  -->
	<!-- //////////////////  -->
	  	<div class="grid">
	  		@if($headingNew !== false && $headingNew['data']['items'][0]['data']['status'] == 'active')
				<div class="widget widget-news-featured heading-new">
					<div class="grid">
						<div class="col-3-5">
							<h1 class="title heading-lg featured-title">{{ $headingNew['data']['items'][0]['data']['title'] }}</h1>
						</div>
					</div>
					<a href="{{ url('article/'.$headingNew['data']['items'][0]['data']['id']) }}" title="{{ $headingNew['data']['items'][0]['data']['title'] }}">
						@if(isset($headingNew['data']['items'][0]['data']['main_media'][0]['data']['urls']['uploaded']['gallery']))
							<img src="{{ $headingNew['data']['items'][0]['data']['main_media'][0]['data']['urls']['uploaded']['gallery'] }}" alt="{{ $headingNew['data']['items'][0]['data']['title'] }}" class="photo">
						@else
							<img src="{{ url('../resources/image/temp/image_placeholder.png') }}" alt="{{ $headingNew['data']['items'][0]['data']['title'] }}" class="photo">
						@endif
					</a>
					<small class="credits" style="letter-spacing: 0.3em;">© {{ $headingNew['data']['items'][0]['data']['authors'][0]['name'] }}</small>
				</div>
	  		@endif
			<div class="col-minus-sidebar-1" >
				<div class="sliding-pictures">
					@if($list !== false && isset($list['data']))
						@include('layouts.widgets.slide-pictures-widget-list',['articles'=>$list['data']['items']])
					@else
						@include('layouts.widgets.slide-pictures-widget',['articles'=>$lastArticles])
					@endif
				</div>
				<div class="widget widget-tabs-default">
					<ul class="tab-nav">
						<li>
							<a href="#tab-newest" title="">Водещи новини</a>
						</li>
						<li>
							<a href="#tab-most-read" title="">Най-четени новини</a>
						</li>
					</ul>
					<div class="tab-content">
						<div id="tab-newest" class="tab-item active">
							<div class="widget widget-news-grid">
								<div class="grid">
									@for($temp = 0 ; $temp < 4 ; $temp++)
									<a href="{{ url('/article/'.$lastArticles[$temp]['id']) }}" title="{{ $lastArticles[$temp]['title'] }}" class="item col-1-2">
										<div class="photo">
											@if(isset($lastArticles[$temp]['imgPaths']['data']['urls']['uploaded']['thumbnail']))
												<img data-src="{{ $lastArticles[$temp]['imgPaths']['data']['urls']['uploaded']['thumbnail']}}" alt="{{ $lastArticles[$temp]['title'] }}" title="{{ $lastArticles[$temp]['title'] }}" class="item-article-image lazyload">
											@elseif(isset($lastArticles['imgPaths']['data']['urls']['16x9']['770_433']))
						                        <img data-src="{{ $lastArticles['imgPaths']['data']['urls']['16x9']['770_433']}}" alt="{{ $lastArticles['title'] }}" class="item-article-image lazyload">
						                    @else
												<img data-src="{{ url('../resources/image/temp/image_placeholder.png')}}" alt="{{ $lastArticles[$temp]['title'] }}" title="{{ $lastArticles[$temp]['title'] }}" class="item-article-image lazyload">
											@endif
										</div>
										<h2 class="title heading-sm">{{ $lastArticles[$temp]['title'] }}</h2>
										@if(isset($lastArticles[$temp]['updated']))
											<em class="time time-updated">
												@include('layouts.logos.icons.updated',['width'=>'18px','height'=>'18px','fill'=>'gray'])
												{{ date('d F Y',strtotime(substr($lastArticles[$temp]['updated'],0, strpos($lastArticles[$temp]['updated'],' ')))).' | '.substr($lastArticles[$temp]['updated'],-8,-3) }}
												@if(isset($lastArticles[$temp]['viewed']))
													<em class="time viewed-icon">
														<div class="icon">
									                        @include('layouts.logos.icons.people',
									           					 ['width' => '22px',
									           					 'height' => '18px',
									           					 'fill' => '#cdcdcd'])
														</div>
														{{ $lastArticles[$temp]['viewed'] }}
													</em>
												@endif
											</em>
										@else
											<em class="time">
												{{ date('d F Y',strtotime(substr($lastArticles[$temp]['fromDate'],0, strpos($lastArticles[$temp]['fromDate'],' ')))).' | '.substr($lastArticles[$temp]['fromDate'],-8,-3) }}
												@if(isset($lastArticles[$temp]['viewed']))
													<em class="time viewed-icon">
														<div class="icon">
									                        @include('layouts.logos.icons.people',
									           					 ['width' => '22px',
									           					 'height' => '18px',
									           					 'fill' => '#cdcdcd'])
														</div>
														{{ $lastArticles[$temp]['viewed'] }}
													</em>
												@endif
											</em>
										@endif
									</a>
									@endfor
								</div>
							</div>

							<div class="widget widget-news-grid">
								<div class="grid">
									<div class="grid">
										@for($temp = 4 ; $temp < count($lastArticles) ; $temp++)
										<a href="{{ url('/article/'.$lastArticles[$temp]['id']) }}" title="{{ $lastArticles[$temp]['title'] }}" class="item col-1-3">
											<div class="photo">
												@if(isset($lastArticles[$temp]['imgPaths']['data']['urls']['uploaded']['thumbnail']))
													<img data-src="{{ $lastArticles[$temp]['imgPaths']['data']['urls']['uploaded']['thumbnail'] }}" alt="{{ $lastArticles[$temp]['title'] }}" title="{{ $lastArticles[$temp]['title'] }}" class="item-article-image lazyload">
												@elseif(isset($lastArticles['imgPaths']['data']['urls']['16x9']['770_433']))
							                        <img data-src="{{ $lastArticles['imgPaths']['data']['urls']['16x9']['770_433'] }}" alt="{{ $lastArticles['title'] }}" class="item-article-image lazyload">
							                    @else
													<img data-src="{{ url('../resources/image/temp/image_placeholder.png') }}" alt="{{ $lastArticles[$temp]['title'] }}" title="{{ $lastArticles[$temp]['title'] }}" class="item-article-image lazyload">
												@endif
												
											</div>
											<h2 class="title heading-xxs">
												@if(isset($lastArticles[$temp]['updated']))
													<div class="icon" style="padding-top:3px;">
														@include('layouts.logos.icons.updated',['width'=>'15px','height'=>'15px','fill'=>'black'])
													</div>
												@endif
												{{ $lastArticles[$temp]['title'] }}
											</h2>
											{{-- @if(isset($lastArticles[$temp]['updated']))
												<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="15px" height="15px" viewBox="0 0 169.2 129.9" style="enable-background:new 0 0 169.2 129.9; fill:#cdcdcd; display:block; margin-top:5px;" xml:space="preserve">
													<path d="M18.9,67C13.1,67,7.3,67,0,67c9.8-13.3,18.7-25.4,28-38c9.3,12.6,18.2,24.7,27.9,38c-7.1,0-13,0-19.3,0
														c0.9,16.4,7.6,28.8,20.4,37.6c16.2,11.1,36.6,10.8,52.9-0.5c1.9-1.3,3.9-2.7,6.1-3.2c4-0.8,7.3,1,9,4.7c1.7,3.8,1.1,7.6-2.3,10.4
														c-8.6,7.2-18.6,11.6-29.7,13.3c-33.1,5-63.8-15.4-71.9-47.8C20.1,76.9,19.7,72.3,18.9,67z"></path>
													<path d="M150,63.4c6.1,0,11.8,0,19.1,0c-9.7,13.2-18.5,25.2-27.9,38c-9.4-12.7-18.2-24.8-27.9-37.9c7.1,0,12.8,0,19.1,0
														c-0.1-12-4.2-21.9-11.7-30.3c-16-18-42.3-20.7-61.9-6.6c-5.6,4-10.9,3.8-14-0.6c-3.1-4.3-1.7-9.6,3.9-13.5
														C69.2-1.7,91.1-4,113.5,6.6c22.1,10.6,34.2,28.8,36.2,53.4C149.7,60.8,149.9,61.7,150,63.4z"></path>
													</svg>
											@endif --}}
										</a>
										@endfor
									</div>
								</div>
							</div>
						</div>
						<div id="tab-most-read" class="tab-item active">
							<div class="widget widget-news-grid">
								<div class="grid">
									@for($temp = 0 ; $temp < 4 ; $temp++)
									<a href="{{ url('/article/'.$mostViewed[$temp]['id']) }}" title="{{ $mostViewed[$temp]['title'] }}" class="item col-1-2">
										<div class="photo">
											@if(isset($mostViewed[$temp]['imgPaths']['data']['urls']['uploaded']['thumbnail']))
												<img data-src="{{ $mostViewed[$temp]['imgPaths']['data']['urls']['uploaded']['thumbnail'] }}" alt="{{ $mostViewed[$temp]['title'] }}" title="{{ $mostViewed[$temp]['title'] }}" class="item-article-image lazyload">
											@elseif(isset($mostViewed['imgPaths']['data']['urls']['16x9']['770_433']))
						                        <img data-src="{{ $mostViewed['imgPaths']['data']['urls']['16x9']['770_433'] }}" alt="{{ $mostViewed['title'] }}" class="item-article-image lazyload">
						                    @else
												<img data-src="../resources/image/temp/image_placeholder.png" alt="{{ $mostViewed[$temp]['title'] }}" title="{{ $mostViewed[$temp]['title'] }}" class="item-article-image lazyload">
											@endif
										</div>
										<h2 class="title heading-sm">{{ $mostViewed[$temp]['title'] }}</h2>
										@if(isset($mostViewed[$temp]['updated']))
											<em class="time time-updated">
												@include('layouts.logos.icons.updated',['width'=>'18px','height'=>'18px','fill'=>'#cdcdcd'])
												{{ date('d F Y',strtotime(substr($mostViewed[$temp]['updated'],0, strpos($mostViewed[$temp]['updated'],' ')))).' | '.substr($mostViewed[$temp]['updated'],-8,-3) }}
												@if(isset($mostViewed[$temp]['viewed']))
													<em class="time viewed-icon">
														<div class="icon">
									                        @include('layouts.logos.icons.people',
									           					 ['width' => '22px',
									           					 'height' => '18px',
									           					 'fill' => '#cdcdcd'])
														</div>
														{{ $mostViewed[$temp]['viewed'] }}
													</em>
												@endif
											</em>
										@else
											<em class="time">
												{{ date('d F Y',strtotime(substr($mostViewed[$temp]['fromDate'],0, strpos($mostViewed[$temp]['fromDate'],' ')))).' | '.substr($mostViewed[$temp]['fromDate'],-8,-3) }}
												@if(isset($mostViewed[$temp]['viewed']))
													<em class="time viewed-icon">
														<div class="icon">
									                        @include('layouts.logos.icons.people',
									           					 ['width' => '22px',
									           					 'height' => '18px',
									           					 'fill' => '#cdcdcd'])
														</div>
														{{ $mostViewed[$temp]['viewed'] }}
													</em>
												@endif
											</em>
										@endif
									</a>
									@endfor
								</div>
							</div>

							<div class="widget widget-news-grid">
								<div class="grid">
									<div class="grid">
										@for($temp = 4 ; $temp < count($mostViewed) ; $temp++)
										<a href="{{ url('/article/'.$mostViewed[$temp]['id']) }}" title="{{ $mostViewed[$temp]['title'] }}" class="item col-1-3">
											<div class="photo">
												@if(isset($mostViewed[$temp]['imgPaths']['data']['urls']['uploaded']['thumbnail']))
													<img data-src="{{ $mostViewed[$temp]['imgPaths']['data']['urls']['uploaded']['thumbnail'] }}" alt="{{ $mostViewed[$temp]['title'] }}" title="{{ $mostViewed[$temp]['title'] }}" class="item-article-image lazyload">
												@elseif(isset($article['imgPaths']['data']['urls']['16x9']['770_433']))
						                        <img data-src="{{ $article['imgPaths']['data']['urls']['16x9']['770_433'] }}" alt="{{ $article['title'] }}" class="item-article-image lazyload">
						                    @else
												<img src="{{ url('../resources/image/temp/image_placeholder.png') }}" alt="{{ $mostViewed[$temp]['title'] }}" title="{{ $mostViewed[$temp]['title'] }}" class="item-article-image">
												@endif
											</div>
											<h2 class="title heading-xxs">
												@if(isset($mostViewed[$temp]['updated']))
													<div class="icon" style="padding-top:3px;">
														@include('layouts.logos.icons.updated',['width'=>'15px','height'=>'15px','fill'=>'black'])
													</div>
												@endif
											{{ $mostViewed[$temp]['title'] }}</h2>
										</a>
										@endfor
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div> <!-- col-minus-sidebar-1 -->

			<div class="col-sidebar col-sidebar-custom">
				<!-- /26641721/sport1.bg/d_vertical_top -->
					<div id='div-gpt-ad-1580307592843-0' class="widget widget-banner" style="margin-top:30px; width:300px; height:600px;">
					  <script>
					    googletag.cmd.push(function() { googletag.display('div-gpt-ad-1580307592843-0'); });
					  </script>
					</div>

				@include('layouts.side-bar-components._video-highlights')

				<!-- Add Banner - Chastite -->

				<div class="banner-right">
				    <a rel="follow" href="http://chastite.com/" target="_blank">
				        <img border="0" src="https://img2.novini.bg/adv/ChastiteBG_Banner300x50.gif" title="авточасти chastite.com" alt="авточасти онлайн от chastite.com">
				    </a>
				</div>
			</div> <!-- col-sidebar -->
		</div>
	{{-- </div> --}}

	
	<!-- //////////////////  -->
	<!-- //////////////////  -->
		<!-- LiveScores  -->
	<!-- //////////////////  -->
	<!-- //////////////////  -->
	<div class="grid grid-sidebar">
		<div class="col-sidebar">
			@include('layouts.side-bar-components._most-read', ['mostViewed' => $mostViewedArticlesLive,'title'=>'Най-четени'])
		</div>
		<div class="col-minus-sidebar-1">
			<!-- /26641721/sport1.bg/d_horizontal_1 -->
			<div class="widget widget-banner" id='div-gpt-ad-1580308155760-0' style="margin-top:30px; width:728px; height:90px;">
			  <script>
			    googletag.cmd.push(function() { googletag.display('div-gpt-ad-1580308155760-0'); });
			  </script>
			</div>
			<header class="widget widget-heading-large">
				<i class="icon icon-h-livescores"></i>
				<h2 class="title heading-md">
					<a href="" title="">LiveScores</a>
				</h2>

				<ul class="heading-tabs" id="livescore-dates">
					<li class="dates" data-value='1'>
						<a href="#" title="">xx.xx</a>
					</li>
					<li class="dates" data-value='2'>
						<a href="#" title="">xx.xx</a>
					</li>
					<li class="active dates" data-value='3'>
						<a href="#" title="">xx.xx</a>
					</li>
					<li class="dates" data-value='4'>
						<a href="#" title="">xx.xx</a>
					</li>
					<li class="dates" data-value='5'>
						<a href="#" title="">xx.xx</a>
					</li>
					<li class="calendar-trigger right">
						<label for="livescore-callendar"><span class="label">Календар</span></label>
						<i class="icon icon-calendar"></i>
						<input type="text" class="calendar-trigger-input" id="livescore-callendar">
					</li>
				</ul>
			</header>
			<div class="widget widget-livescore-list livescores-tab-live">
				
			</div>
			<!-- /26641721/sport1.bg/d_horizontal_2 -->
			<div class="widget widget-banner" id='div-gpt-ad-1580308327344-0' style="width:728px; height:90px;">
			  <script>
			    googletag.cmd.push(function() { googletag.display('div-gpt-ad-1580308327344-0'); });
			  </script>
			</div>

		</div> <!-- col-minus-sidebar-1 -->
	</div>
	
	<!-- //////////////////  -->
	<!-- //////////////////  -->
		<!-- FOOTBALL  -->
	<!-- //////////////////  -->
	<!-- //////////////////  -->
	<header class="widget widget-heading-large">
		{{-- @include('layouts.logos.categories.Футбол',['width'=>'55px','height'=>'55px','fill'=>'black',]) --}}
		<img data-src="{{ url("/resources/image/temp/football-ball.png") }}" alt="Efbet лига - лого" class="icon category-logo lazyload"/>
		<h2 class="title heading-md">
			<a href="" title="">Футбол БГ</a>
		</h2>
		
		<ul class="heading-tabs">
			<li>
				<a href="{{ url('league/1#league-news') }}" title="ENews">Новини</a>
			</li>
			<li>
				<a href="{{ url('league/1#league-standings') }}" title="Standings">Класирания</a>
			</li>
			<li>
				<a href="{{ url('league/1#league-teams') }}" title="Teams">Отбори</a>
			</li>
			
			<li>
				<a href="{{ url('league/1#league-fixtures') }}" title="Matches">Мачове</a>
			</li>
			<li>
				<a href="{{ url('league/1#league-news') }}" title="">Виж повече</a>
				
			</li>
		</ul>
	</header>
	<div class="wrap-width">
		<div class="box-generic">
			<div class="grid">
				<div class="col-sidebar col-sidebar-off">
					<div id="{{ 'stage1' }}">
						<header class="widget widget-heading-small">
							<h2 class="title heading-md" style="margin-left:0;">
								Класиране
							</h2>
						</header>
						@include('layouts.widgets.standings-groups')
						<footer class="st-table-foot">
							<div class="row">
								<a href="{{ url('league/1#league-standings') }}" title="Efbet лига" class="widget widget-view-more">
									<span class="label">Виж повече</span>
									<i class="icon icon-view-more"></i>
								</a>
							</div>
						</footer>
					</div>
					<!-- /26641721/sport1.bg/d_vertical_2 -->
					<div class="widget widget-banner" id='div-gpt-ad-1580308500353-0' style="width:300px; height:250px;">
					  <script>
					    googletag.cmd.push(function() { googletag.display('div-gpt-ad-1580308500353-0'); });
					  </script>
					</div>
				</div> <!-- col-sidebar -->

				@include('layouts._home-page-col-minus-sidebar-1',['articles'=>$footballArticles])
				
			</div> <!-- grid -->
		</div> <!-- box -->
	</div>
	<!-- /26641721/sport1.bg/d_horizontal_4 -->
		<div class="widget widget-banner" id='div-gpt-ad-1580308944343-0' style="width:728px; height:90px;">
		  <script>
		    googletag.cmd.push(function() { googletag.display('div-gpt-ad-1580308944343-0'); });
		  </script>
		</div>

	<!-- //////////////////  -->
	<!-- //////////////////  -->
	<!-- Champion's League   -->
	<!-- //////////////////  -->
	<!-- //////////////////  -->
	<div class="wrap-width">
		<header class="widget widget-heading-large">
			<img data-src="{{ url("/resources/image/temp/category-2.png") }}" alt="Шампионска лига - лого" class="icon category-logo lazyload"/>
			<h2 class="title heading-md">
				<a href="" title="">Шампионска лига</a>
			</h2>

			<ul class="heading-tabs">
				<li>
					<a href="{{ url('league/27#league-news') }}" title="News">Новини</a>
				</li>
				<li>
					<a href="{{ url('league/27#league-standings') }}" title="Standings">Класирания</a>
				</li>
				<li>
					<a href="{{ url('league/27#league-teams') }}" title="Teams">Отбори</a>
				</li>
				
				<li>
					<a href="{{ url('league/27#league-fixtures') }}" title="Matches">Мачове</a>
				</li>
				<li>
					<a href="{{ url('league/27#league-news') }}" title="">Виж повече</a>
					
				</li>
			</ul>
		</header>
		<div class="box-generic">
			@include('layouts.widgets.carousel-5-matches',['leagueID' => 27])
			<div class="grid">
				@include('layouts._home-page-col-minus-sidebar-1',['articles'=>$championsLeagueFootballArticles])
				<div class="col-sidebar col-sidebar-off">
					<div id="{{ 'stage27' }}">
						<header class="widget widget-heading-small">
							<h2 class="title heading-md" style="margin-left:0;">
								Kласиране
							</h2>
						</header>
						@include('layouts.widgets.standings-groups')
						<footer class="st-table-foot">
							<div class="row">
								<a href="{{ url('league/27#league-standings') }}" title="Шампионска лига" class="widget widget-view-more">
									<span class="label">Виж повече</span>
									<i class="icon icon-view-more"></i>
								</a>
							</div>
						</footer>
					</div>
					<div class="widget widget-banner" id='div-gpt-ad-1580309074355-0' style="width:160px; height:600px;">
					  <script>
					    googletag.cmd.push(function() { googletag.display('div-gpt-ad-1580309074355-0'); });
					  </script>
					</div>
				</div> <!-- col-sidebar -->
			</div> <!-- grid -->
		</div> <!-- box -->
	</div>
	<!-- /26641721/sport1.bg/d_horizontal_5 -->
	<div class="widget widget-banner" id='div-gpt-ad-1580309175692-0' style="width:750px; height:200px;">
	  <script>
	    googletag.cmd.push(function() { googletag.display('div-gpt-ad-1580309175692-0'); });
	  </script>
	</div>
	<!-- //////////////////  -->
	<!-- //////////////////  -->
	<!-- League Europa  -->
	<!-- //////////////////  -->
	<!-- //////////////////  -->
	<div class="wrap-width">
		<header class="widget widget-heading-large">
			{{-- @include('layouts.logos.europa-league',['width'=>'55px','height'=>'55px','fill'=>'black',]) --}}
			<img data-src="{{ url("/resources/image/temp/category-3.png") }}" alt=">Лига Европа - лого" class="icon category-logo lazyload"/>
			<h2 class="title heading-md">
				<a href="" title="">Лига Европа</a>
			</h2>

			<ul class="heading-tabs">
				<li>
					<a href="{{ url('league/28#league-news') }}" title="News">Новини</a>
				</li>
				<li>
					<a href="{{ url('league/28#league-standings') }}" title="Standings">Класирания</a>
				</li>
				<li>
					<a href="{{ url('league/28#league-teams') }}" title="Teams">Отбори</a>
				</li>
				
				<li>
					<a href="{{ url('league/28#league-fixtures') }}" title="Matches">Мачове</a>
				</li>
				<li>
					<a href="{{ url('league/28#league-news') }}" title="">Виж повече</a>
				</li>
			</ul>
		</header>
		<div class="box-generic">
			@include('layouts.widgets.carousel-5-matches',['leagueID' => 28])
			<div class="grid">
				<div class="col-sidebar col-sidebar-off" id="{{ 'stage28' }}">
					<header class="widget widget-heading-small">
						<h2 class="title heading-md" style="margin-left:0;">
							Kласиране
						</h2>
					</header>
					@include('layouts.widgets.standings-groups')
					<footer class="st-table-foot">
							<div class="row">
								<a href="{{ url('league/28#league-standings') }}" title="Шампионска лига" class="widget widget-view-more">
									<span class="label">Виж повече</span>
									<i class="icon icon-view-more"></i>
								</a>
							</div>
						</footer>
					<!-- /26641721/sport1.bg/d_horizontal_6 -->
					<div id='div-gpt-ad-1580309329780-0' class="widget widget-banner" style="width:750px; height:200px;">
					  <script>
					    googletag.cmd.push(function() { googletag.display('div-gpt-ad-1580309329780-0'); });
					  </script>
					</div>

				</div> <!-- col-sidebar -->
				@include('layouts._home-page-col-minus-sidebar-1',['articles'=>$europeLeagueFootballArticles])
			</div> <!-- grid -->
		</div> <!-- box -->
	</div>
	<!-- /26641721/sport1.bg/d_horizontal_3 -->
		<div id='div-gpt-ad-1580308691600-0' class="widget widget-banner" style="width:750px; height:200px;">
		  <script>
		    googletag.cmd.push(function() { googletag.display('div-gpt-ad-1580308691600-0'); });
		  </script>
		</div>

	<!-- //////////////////  -->
	<!-- //////////////////  -->
		<!-- BASKETBALL  -->
	<!-- //////////////////  -->
	<!-- //////////////////  -->
	<div class="wrap-width">
		<header class="widget widget-heading-large">
			@include('layouts.logos.categories.Баскетбол',['width'=>'55px','height'=>'55px','fill'=>'black',])
			<h2 class="title heading-md">
				<a href="" title="">Баскетбол</a>
			</h2>
		</header>
		<div class="box-generic">
			<div class="grid">					
				@include('layouts._home-page-col-minus-sidebar-1',['articles'=>$basketballArticles])

				<div class="col-sidebar col-sidebar-off">
					@include('layouts.side-bar-components._most-read', ['mostViewed' => $mostViewedBasketballArticles])
				</div> <!-- col-sidebar -->
			</div> <!-- grid -->
		</div> <!-- box -->
	</div>
	<!-- /26641721/sport1.bg/d_horizontal_9 -->
	<div class="widget widget-banner" id='div-gpt-ad-1580309720793-0' style='width: 728px; height: 90px;'>
	  <script>
	    googletag.cmd.push(function() { googletag.display('div-gpt-ad-1580309720793-0'); });
	  </script>
	</div>

	
	
	<!-- //////////////////  -->
	<!-- //////////////////  -->
		<!-- Boulevard  -->
	<!-- //////////////////  -->
	<!-- //////////////////  -->
	<header class="widget widget-heading-large">
		<img data-src="{{ url("/resources/image/icon/icon_Boulevard.png") }}" alt="Клюки - лого" class="icon category-logo lazyload"/>
		<h2 class="title heading-md">
			<a href="" title="Интервюта">Клюки</a>
		</h2>
	</header>
	<div class="wrap-width">
		<div class="box-generic box-boulevard">
			<div class="widget widget-banner" id='div-gpt-ad-test-0' style="width:728px; height:90px;">
			  <script>
			    googletag.cmd.push(function() { googletag.display('div-gpt-ad-test-0'); });
			  </script>
			</div>
			<div class="grid">
				<div class="col-sidebar col-sidebar-off">
					@include('layouts.side-bar-components._most-read', ['mostViewed' => $mostViewedBoulevard])
					<!-- /26641721/sport1.bg/d_vertical_6 -->
					<div class="widget widget-banner" id='div-gpt-ad-1580309804085-0' style="width:300px; height:250px;">
					  <script>
					    googletag.cmd.push(function() { googletag.display('div-gpt-ad-1580309804085-0'); });
					  </script>
					</div>

				</div> <!-- col-sidebar -->
				@include('layouts._home-page-col-minus-sidebar-1',['articles'=>$boulevardArticles])
			</div> <!-- grid -->
		</div>
	</div>

	<!-- ------  -->
	<!-- ------  -->
	<!-- TENNIS  -->
	<!-- ------  -->
	<!-- ------  -->
	<div class="wrap-width">
		<header class="widget widget-heading-large">
			<img data-src="{{ url("/resources/image/icon/Icon_Tennis.png") }}" alt="Клюки - лого" class="icon category-logo lazyload"/>
			<h2 class="title heading-md">
				<a href="" title="">Тенис</a>
			</h2>
		</header>
		<div class="box-generic">			
			<!-- /26641721/sport1.bg/d_horizontal_7 -->
			<div class="widget widget-banner" id='div-gpt-ad-1580309441299-0' style='width: 728px; height: 90px;'>
			  <script>
			    googletag.cmd.push(function() { googletag.display('div-gpt-ad-1580309441299-0'); });
			  </script>
			</div>
			<div class="grid">
				<div class="col-sidebar col-sidebar-off">
					@include('layouts.side-bar-components._most-read', ['mostViewed' => $mostViewedTennisArticles])
					<!-- /26641721/sport1.bg/d_vertical_5 -->
					<div class="widget widget-banner" id='div-gpt-ad-1580309532478-0' style="width:300px; height:250px;">
					  <script>
					    googletag.cmd.push(function() { googletag.display('div-gpt-ad-1580309532478-0'); });
					  </script>
					</div>
				</div> <!-- col-sidebar -->
				@include('layouts._home-page-col-minus-sidebar-1',['articles'=>$tennisArticles])
			</div> <!-- grid -->
		</div> <!-- box -->
	</div>
</div>

@endsection

@push('scripts')
     <script src="{{ asset('dist/js/custom/desktop/home-desktop.js')}}"></script>
     <script>
     	// setTimeout(function(){ 
     		// console.log('calling');
     		getTournamentID('Champions League','International');
			getTournamentID('Europa League','International');
			getTournamentID('First Professional League','Bulgaria');
			// setTimeout(function(){
			// 	let date = getRFC3339Date();
			// 	getMatches(27,date, 3, false);
			// 	getMatches(27,date, 3, true);
			// 	getMatches(28,date, 3, false);
			// 	getMatches(28,date, 3, true);
			// 	getMatches(1,date, 3, false);
			// 	getMatches(1,date, 3, true);
			// },5000);
     	// }, 3000);
     </script>
@endpush