@extends('layouts.app')

@section('title', 'League page | 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, 250]], 'div-gpt-ad-1580307592843-0').addService(googletag.pubads());
    googletag.defineSlot('/26641721/sport1.bg/d_horizontal_1', [[728, 90]], 'div-gpt-ad-1580308155760-0').addService(googletag.pubads());
    googletag.defineSlot('/26641721/sport1.bg/d_vertical_2', [[300, 250]], 'div-gpt-ad-1580308500353-0').addService(googletag.pubads());
    googletag.defineSlot('/26641721/sport1.bg/d_horizontal_3', [[728, 90]], 'div-gpt-ad-1580308691600-0').addService(googletag.pubads());
    googletag.defineSlot('/26641721/sport1.bg/d_vertical_4', [[300, 250]], 'div-gpt-ad-1580309074355-0').addService(googletag.pubads());
    googletag.pubads().enableSingleRequest();
    googletag.pubads().collapseEmptyDivs();
    googletag.enableServices();
  });
</script>

@endsection

@section('structured_data')
	<script type="application/ld+json">
        { 
		   "@context":"http:\/\/schema.org",
		   "@type":"BreadcrumbList",
		   "itemListElement":[ 
		      { 
		         "@type":"ListItem",
		         "position":1,
		         "item":{ 
		            "@id":"{{ url('/') }}",
		            "name":"Sport1.bg"
		         }
		      },
		      { 
		         "@type":"ListItem",
		         "position":2,
		         "item":{ 
		            "@id":"{{ url('/').'/league/'.$league }}",
		            "name":"{{ $tournament['name'] }}"
		         }
		      }
		   ]
		}
 	</script>
@endsection
@section('secondary-nav')
	<header class="widget widget-header-breadcrumb-category">
		<div class="wrap-width">
			<a href="" title="Върнете се обратно" class="back" id="go-back-secondary-menu">
				<i class="icon icon-back"></i>
			</a>
			<a {{-- href="" --}} title="{{ $league }}" class="category" id='league-name-secondary-nav'>X</a>
			<ul class="sub-list" id="heading-nav-secondary-menu">
				<li class="sub-item current">
					<a href="#league-news" title="{{ 'Новини' }}" class="sub-link" data-target="league-news">Новини</a>
				</li>
				<li class="sub-item">
					<a href="#league-standings" title="{{ 'Класиране' }}" class="sub-link" data-target="league-standings">Класиране</a>
				</li>
				<li class="sub-item">
					<a href="#league-fixtures" title="{{ 'Мачове' }}" class="sub-link" data-target="league-fixtures">Мачове</a>
				</li>
				<li class="sub-item">
					<a href="#league-goal" title="{{ 'Голмайстор' }}" class="sub-link" data-target="league-goal">Голмайстори</a>
				</li>
				<li class="sub-item">
					<a href="#league-teams" title="{{ 'Отбори' }}" class="sub-link" data-target="league-teams">Отбори</a>
				</li>
			</ul>
		</div> <!-- wrap-->
	</header> <!-- widget -->
@endsection

@section('content')

	@include('layouts._breadcrumb',['pageName'=> [$category, $league]])
	
	<div class="wrap-width">
		@include('layouts._league-header',['league' => $league])
		<div class="grid" id="league-content-target">
			<div class="col-minus-sidebar-1 active-window" id="league-news">
				<div class="widget widget-livescore-list">
					<header class="widget widget-heading-small mt-3">
						<h2 class="title heading-md heading-md-custom">
							<a href="" title="">Новини</a>
						</h2>
						<ul class="heading-tabs" id="league-news-nav">
							<li class="active">
								<a href="#" data-target="#news-1" title="Last" >Последни</a>
							</li>
							<li>
								<a href="#" data-target="#news-2" title="Popular" >Най-четени</a>
							</li>
						</ul>
					</header>
					<div class="grid">
						
					</div> <!-- grid -->
	                    <div class="box-generic tab-content">
	                    	<div id="news-1" style="" aria-hidden="false">
									@if(gettype($leagueArticles) == "object" && count($leagueArticles) > 0)
											<div class="widget widget-news-grid bottom-text">
												<a href="{{ url('article/'.$leagueArticles[0]['id']) }}" title="{{ $leagueArticles[0]['title'] }}">
													@if(isset($leagueArticles[0]['imgPaths']['data']['urls']['uploaded']['original']))
			                                            <img class="lazyload" data-src="{{ $leagueArticles[0]['imgPaths']['data']['urls']['uploaded']['original'] }}" alt="{{ $leagueArticles[0]['title'] }}">
			                                        @else
			                                            <img class="lazyload" data-src="{{ url('../resources/image/temp/image_placeholder.png') }}" alt="{{ $leagueArticles[0]['title'] }}">
			                                        @endif
													<h2 class="title heading-xm">{{ $leagueArticles[0]['title'] }}</h2>
													@if(isset($leagueArticles[0]['updated']))
				                                        <em class="time time-updated">
				                                            @include('layouts.logos.icons.updated',['width'=>'15px','height'=>'15px','fill'=>'black'])
				                                            {{ date('d F Y',strtotime(substr($leagueArticles[0]['updated'],0, strpos($leagueArticles[0]['updated'],' ')))).' | '.substr($leagueArticles[0]['updated'],-8,-3) }}
				                                        </em>
				                                    @else
				                                        <em class="time">
				                                            {{ date('d F Y',strtotime(substr($leagueArticles[0]['fromDate'],0, strpos($leagueArticles[0]['fromDate'],' ')))).' | '.substr($leagueArticles[0]['fromDate'],-8,-3) }}
				                                        </em>
						                                    @endif
												</a>
											</div>
											<br>
											<div class="widget widget-news-grid widget-news-grid-horizontal">
											@for($temp = 1 ; $temp < count($leagueArticles); $temp++)
													<a href="{{ url('article/'.$leagueArticles[$temp]['id']) }}" title="{{ $leagueArticles[$temp]['title'] }}" class="item grid">
														<div class="photo col-1-3 custom-image-col">
															 @if(isset($leagueArticles[$temp]['imgPaths']['data']['urls']['uploaded']['thumbnail']))
					                                            <img class="lazyload" data-src="{{ $leagueArticles[$temp]['imgPaths']['data']['urls']['uploaded']['thumbnail'] }}" alt="{{ $leagueArticles[$temp]['title'] }}">
					                                        @else
					                                            <img class="lazyload" data-src="{{ url('../resources/image/temp/image_placeholder.png') }}" alt="{{ $leagueArticles[$temp]['title'] }}">
					                                        @endif
														</div>
														<div class="col-3-5">
															<h2 class="title heading-sm">{{ $leagueArticles[$temp]['title'] }}</h2>
															@if(isset($leagueArticles[$temp]['updated']))
						                                        <em class="time time-updated">
						                                            @include('layouts.logos.icons.updated',['width'=>'15px','height'=>'15px','fill'=>'black'])
						                                            {{ date('d F Y',strtotime(substr($leagueArticles[$temp]['updated'],0, strpos($leagueArticles[$temp]['updated'],' ')))).' | '.substr($leagueArticles[$temp]['updated'],-8,-3) }}
						                                        </em>
						                                    @else
						                                        <em class="time">
						                                            {{ date('d F Y',strtotime(substr($leagueArticles[$temp]['fromDate'],0, strpos($leagueArticles[$temp]['fromDate'],' ')))).' | '.substr($leagueArticles[$temp]['fromDate'],-8,-3) }}
						                                        </em>
						                                    @endif
														</div>
													</a>
											@endfor
											</div> <!-- widget -->
										@else
											<h4>В момента няма новини свързани с този отбор.</h4>
										@endif
		                    </div>
		                    <div id="news-2" style="" aria-hidden="true">
		                       
		                            	@if(gettype($mostReadLeagueArticles) == "object" && count($mostReadLeagueArticles) > 0 )
			                               
			                               <div class="widget widget-news-grid bottom-text">
												<a href="{{ url('article/'.$mostReadLeagueArticles[0]['id']) }}" title="{{ $mostReadLeagueArticles[0]['title'] }}">
													@if(isset($mostReadLeagueArticles[0]['imgPaths']['data']['urls']['uploaded']['original']))
			                                            <img class="lazyload" data-src="{{ $mostReadLeagueArticles[0]['imgPaths']['data']['urls']['uploaded']['original'] }}" alt="{{ $mostReadLeagueArticles[0]['title'] }}">
			                                        @else
			                                            <img class="lazyload" data-src="{{ url('../resources/image/temp/image_placeholder.png') }}" alt="{{ $mostReadLeagueArticles[0]['title'] }}">
			                                        @endif
													<h2 class="title heading-xm">{{ $mostReadLeagueArticles[0]['title'] }}</h2>
													@if(isset($mostReadLeagueArticles[0]['updated']))
				                                        <em class="time time-updated">
				                                            @include('layouts.logos.icons.updated',['width'=>'15px','height'=>'15px','fill'=>'black'])
				                                            {{ date('d F Y',strtotime(substr($mostReadLeagueArticles[0]['updated'],0, strpos($mostReadLeagueArticles[0]['updated'],' ')))).' | '.substr($mostReadLeagueArticles[0]['updated'],-8,-3) }}
				                                        </em>
				                                    @else
				                                        <em class="time">
				                                            {{ date('d F Y',strtotime(substr($mostReadLeagueArticles[0]['fromDate'],0, strpos($mostReadLeagueArticles[0]['fromDate'],' ')))).' | '.substr($mostReadLeagueArticles[0]['fromDate'],-8,-3) }}
				                                        </em>
						                              @endif
												</a>
											</div>
											<br>
											<div class="widget widget-news-grid widget-news-grid-horizontal">
											@for($temp = 1 ; $temp < count($mostReadLeagueArticles); $temp++)
													<a href="{{ url('article/'.$mostReadLeagueArticles[$temp]['id']) }}" title="{{ $mostReadLeagueArticles[$temp]['title'] }}" class="item grid">
														<div class="photo col-1-3 custom-image-col">
															 @if(isset($mostReadLeagueArticles[$temp]['imgPaths']['data']['urls']['uploaded']['thumbnail']))
					                                            <img class="lazyload" data-src="{{ $mostReadLeagueArticles[$temp]['imgPaths']['data']['urls']['uploaded']['thumbnail'] }}" alt="{{ $mostReadLeagueArticles[$temp]['title'] }}">
					                                        @else
					                                            <img class="lazyload" data-src="{{ url('../resources/image/temp/image_placeholder.png') }}" alt="{{ $mostReadLeagueArticles[$temp]['title'] }}">
					                                        @endif
														</div>
														<div class="col-3-5">
															<h2 class="title heading-sm">{{ $mostReadLeagueArticles[$temp]['title'] }}</h2>
															@if(isset($mostReadLeagueArticles[$temp]['updated']))
						                                        <em class="time time-updated">
						                                            @include('layouts.logos.icons.updated',['width'=>'15px','height'=>'15px','fill'=>'black'])
						                                            {{ date('d F Y',strtotime(substr($mostReadLeagueArticles[$temp]['updated'],0, strpos($mostReadLeagueArticles[$temp]['updated'],' ')))).' | '.substr($mostReadLeagueArticles[$temp]['updated'],-8,-3) }}
						                                        </em>
						                                    @else
						                                        <em class="time">
						                                            {{ date('d F Y',strtotime(substr($mostReadLeagueArticles[$temp]['fromDate'],0, strpos($mostReadLeagueArticles[$temp]['fromDate'],' ')))).' | '.substr($mostReadLeagueArticles[$temp]['fromDate'],-8,-3) }}
						                                        </em>
						                                    @endif
														</div>
													</a>
											@endfor
											</div> <!-- widget -->
		                                 @else
		                                 <div class="item col-1-2">
											<h2 class="title heading-sm">В момента няма новини свързани с този отбор.</h2>
		                                 </div>
			                            @endif
		                            </div>
		                        </div> <!-- widget -->
				</div> <!-- widget -->
				<div class="widget widget-banner" id='div-gpt-ad-1580307592843-0'>
					<!-- /26641721/sport1.bg/d_vertical_top -->
					  <script>
					    googletag.cmd.push(function() { googletag.display('div-gpt-ad-1580307592843-0'); });
					  </script>
				</div>
			</div>
			
			<div class="col-minus-sidebar-1 hidden-window" id="league-standings">
				<div class="widget widget-league-standings widget-standings-list">
					<header class="widget widget-heading-small mt-3">
						<h2 class="title heading-md">
							<a href="" title="">Класирания</a>
						</h2>
					</header>
					<div class="box-generic">
						<div class="grid">
							<div class="col-1-2">
								<div class="widget widget-category-dropdown">
									<label class="form-select-label">Сезон</label>
									<div class="form-select">
										<select name="league-standings" id="league-standings-nav">
										</select>
									</div>
								</div>
							</div>
						</div>
	
						<div class="st-table">
							<div class="list" id="league-standings-content">
							</div>
						</div> <!-- body -->
				</div> <!-- widget -->
				</div>
					<div class="widget widget-banner" id='iv-gpt-ad-1580308155760-0'>
						<!-- /26641721/sport1.bg/d_horizontal_1 -->
						  <script>
						    googletag.cmd.push(function() { googletag.display('div-gpt-ad-1580308155760-0'); });
						  </script>
					</div>
			</div>

			<div class="col-minus-sidebar-1 hidden-window" id="league-teams">
					<div class="widget widget-team-list-vertical">
						<header class="widget widget-heading-small mt-3">
							<h2 class="title heading-md">
								<a href="" title="">Отбори</a>
							</h2>
						</header>

						<div class="widget widget-category-dropdown">
							<label class="form-select-label">Сезон</label>
							<div class="form-select">
								<select name="selectedSeason" id="league-teams-nav">
									
								</select>
							</div>
						</div>
						<div class="list" id='league-teams-content'>
							
						</div>
					</div> <!-- widget -->
					<div class="widget widget-banner" id='div-gpt-ad-1580308155760-0'>
						<!-- /26641721/sport1.bg/d_horizontal_1 -->
						  <script>
						    googletag.cmd.push(function() { googletag.display('div-gpt-ad-1580308155760-0'); });
						  </script>
					</div>
			</div>

			<div class="col-minus-sidebar-1 hidden-window" id="league-goal">
					<div class="widget widget-league-scorer">
						<header class="widget widget-heading-small mt-3">
							<h2 class="title heading-md">
								<a href="" title="">Голмайстори</a>
							</h2>
							<ul class="heading-tabs" id="goal-tab-nav">
								<li class="active">
									<a href="" data-target="topscorers" title="Голмайстори - голове">Голове</a>
								</li>
								<li>
									<a href="" data-target="topassists" title="Голмайстори - асистенции">Асистенции</a>
								</li>
							</ul>
						</header>
						<div class="box-generic tab-content">
							<div id="topscorers">	
								<div class="grid">
									<div class="col-1-2">
										<div class="widget widget-category-dropdown">
											<label for="dropdown-season" class="form-select-label">Сезони</label>
											<div class="form-select">
												<select name="goal-seasons" id="league-goals-dropdown-season">
													
												</select>
											</div>
										</div>
									</div>

									<div class="col-1-2">
										<div class="widget widget-category-dropdown">
											<label for="dropdown-week" class="form-select-label">Отбори</label>
											<div class="form-select">
												<select name="goal-teams" id="league-goals-dropdown-week">
													<option value="0">Всички</option>
													
												</select>
											</div>
										</div>
									</div>
								</div>
								<div class="sc-table">
									<header class="sc-table-head">
										<div class="sc-row">
											<div class="sc-field-small">#</div>
											<div class="sc-player">Играч</div>
											<div class="sc-field-small">11 m</div>
											<div class="sc-field-small">Голове</div>
										</div>
									</header>
									<div class="sc-table-body" id='league-goal-content'>
										
									</div>
								</div>
							</div>
							<div id="topassists">	
								<div class="grid">
									<div class="col-1-2">
										<div class="widget widget-category-dropdown">
											<label for="dropdown-season" class="form-select-label">Сезони</label>
											<div class="form-select">
												<select name="goal-seasons-asists" id="league-asists-dropdown-season">
													
												</select>
											</div>
										</div>
									</div>

									<div class="col-1-2">
										<div class="widget widget-category-dropdown">
											<label for="dropdown-week" class="form-select-label">Отбори</label>
											<div class="form-select">
												<select name="goal-teams-asists" id="league-asists-dropdown-week">
													<option value="0">Всички</option>
													
												</select>
											</div>
										</div>
									</div>
								</div>
								<div class="sc-table">
									<header class="sc-table-head">
										<div class="sc-row">
											<div class="sc-field-small">#</div>
											<div class="sc-player">Играч</div>
											<div class="sc-field-small">Асистенции</div>
										</div>
									</header>
									<div class="sc-table-body" id='league-asists-content'>
										
									</div>
								</div>
							</div>
						</div>
					</div> <!-- widget -->
					
					<div class="widget widget-banner" id='div-gpt-ad-1580308155760-0'>
						<!-- /26641721/sport1.bg/d_horizontal_1 -->
						  <script>
						    googletag.cmd.push(function() { googletag.display('div-gpt-ad-1580308155760-0'); });
						  </script>
					</div>
			</div>

			<div class="col-minus-sidebar-1 hidden-window" id="league-fixtures">
				<div class="widget widget-livescore-list">
					<header class="widget widget-heading-small mt-3">
						<h2 class="title heading-md">
							<a href="" title="">Мачове</a>
						</h2>
					</header>
					<div class="grid">
						<div class="col-11-24">
							<div class="widget widget-category-dropdown">
								<label class="form-select-label">Сезон</label>
								<div class="form-select">
									<select name="seasonsSelect" id="league-fixtures-seasons-desktop">
										
									</select>
								</div>
							</div>
						</div>
						<div class="col-11-24">
							<div class="widget widget-category-dropdown">
								<label class="form-select-label">Кръг</label>
								<div class="form-select">
									<select name="roundSelect" id="league-fixtures-week-desktop">
										
									</select>
								</div>
							</div>
						</div>
					</div> <!-- grid -->
					<ul id="league-fixtures-content" data-dummy="dummy" class="livescore-list">
						
					</ul>
				</div> <!-- widget -->
			</div>

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

@push('scripts')
	<script type="text/javascript">
		$( document ).ready(function() {
			$("#job_offer").children(".row").children(".job_content").children(".position").on('click',function(){
				$(this).siblings('.job_description').fadeToggle(400);
			});
		});
	</script>
	<script src="{{ asset('dist/js/custom/desktop/home-desktop.js')}}"></script>
	<script src="{{ asset('dist/js/custom/desktop/league-nav-desktop.js')}}"></script>
@endpush