@extends('layouts.app')

@section('title', $team['name']." | 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_horizontal_5', [[728, 90]], 'div-gpt-ad-1580309175692-0').addService(googletag.pubads());
    googletag.pubads().enableSingleRequest();
    googletag.pubads().collapseEmptyDivs();
    googletag.enableServices();
  });
</script>
<script>
  window.googletag = window.googletag || {cmd: []};
  googletag.cmd.push(function() {
    googletag.defineSlot('/26641721/sport1.bg/d_horizontal_6', [[728, 90]], 'div-gpt-ad-1580309329780-0').addService(googletag.pubads());
    googletag.pubads().enableSingleRequest();
    googletag.pubads().collapseEmptyDivs();
    googletag.enableServices();
  });
</script>
<script>
  window.googletag = window.googletag || {cmd: []};
  googletag.cmd.push(function() {
    googletag.defineSlot('/26641721/sport1.bg/d_horizontal_4', [[728, 90]], 'div-gpt-ad-1580308944343-0').addService(googletag.pubads());
    googletag.pubads().enableSingleRequest();
    googletag.pubads().collapseEmptyDivs();
    googletag.enableServices();
  });
</script>
<script>
  window.googletag = window.googletag || {cmd: []};
  googletag.cmd.push(function() {
    googletag.defineSlot('/26641721/sport1.bg/d_horizontal_5', [[728, 90]], 'div-gpt-ad-1580309175692-0').addService(googletag.pubads());
    googletag.pubads().enableSingleRequest();
    googletag.pubads().collapseEmptyDivs();
    googletag.enableServices();
  });
</script>



@endsection

@section('structured_data')
	{{-- <link rel="canonical" href="{{ url('/').'/team/'.substr(substr(url()->full(),45),0,strrpos(substr(url()->full(),45),'/')).'/test'}}" /> --}}
	<script type="application/ld+json">
        {
            "@context": "http://schema.org",
            "@type": "BreadcrumbList",
             "itemListElement": [{
			    "@type": "ListItem",
			    "position": 1,
			    "item": {
			        "@id": "{{ url('/category/102') }}",
			        "name": "Футбол"
			      }
			  },{
			    "@type": "ListItem",
			    "position": 2,
			    "item": {
			        "@id": "{{ url('/league/').'/'.$team['current_league']['tournament']['id'] }}",
			        "name": "{{ $team['current_league']['tournament']['name'] }}"
			      }
			  },{
			    "@type": "ListItem",
			    "position": 3,
			    "item": {
			        "@id": "{{ url('/team/').'/'.$team['id'] }}",
			        "name": "{{ $team['name'] }}"
			      }
			  }]
        }
 	</script>
@endsection

@section('secondary-nav')
	<header class="widget widget-header-breadcrumb-category" id="team-secondary-menu">
		<div class="wrap-width">
			<a href="" title="Върнете се обратно" class="back" id="go-back-secondary-menu">
				<i class="icon icon-back"></i>
			</a>
			<a {{-- href="" --}} title="X" class="category" id='league-name-secondary-nav'>X</a>
			<ul class="sub-list" id="heading-nav-secondary-menu">
				<li class="sub-item league-news">
					<a href="#league-news" title="{{ 'Новини' }}" class="sub-link" data-target="league-news">Новини</a>
				</li>
				<li class="sub-item league-standings">
					<a href="#league-standings" title="{{ 'Класиране' }}" class="sub-link" data-target="league-standings">Класиране</a>
				</li>
				<li class="sub-item league-fixtures">
					<a href="#league-fixtures" title="{{ 'Мачове' }}" class="sub-link" data-target="league-fixtures">Мачове</a>
				</li>
				<li class="sub-item league-goal">
					<a href="#league-goal" title="{{ 'Голмайстор' }}" class="sub-link" data-target="league-goal">Голмайстори</a>
				</li>
				<li class="sub-item league-teams current">
					<a href="#league-teams" title="{{ 'Отбори' }}" class="sub-link" data-target="league-teams">Отбори</a>
				</li>
			</ul>
		</div> <!-- wrap-->
	</header> <!-- widget -->
@endsection

@section('team-header-tabs')
	<ul class="heading-tabs" id="heading-nav-team">
		<li>
			<a data-target="teams-overview" title="{{ $team['name'].' - Overview' }}">
			Информация</a>
		</li>
		<li class="active">
			<a data-target="teams-news" title="{{ $team['name'].' - News' }}">
			Новини</a>
		</li>
		<li>
			<a  data-target="teams-standings"  title="{{ $team['name'].' - Standings' }}">
			Класиране</a>
		</li>
		<li>
			<a data-target="teams-fixtures"  title="{{ $team['name'].' - Fixtures' }}">
			Мачове</a>
		</li>
		<li>
			<a data-target="teams-players"  title="{{ $team['name'].' - Teams' }}">
			Играчи</a>
		</li>
	</ul>
@endsection

@section('content')

	@include('layouts._breadcrumb',['pageName'=> ['Футбол', $team['name']]])
	
	<div class="wrap-width">
			@include('layouts._team-header')
			<div class="team-info" id="{{ $teamID }}"></div>
			<div class="grid">
				<div class="col-minus-sidebar-1 hidden-window" id="teams-overview">
					<img data-src="../../resources/image/temp/image_placeholder.png" alt="{{ $team['name'] }}" class="team-photo mt-3" id="team-overview-top-content-image">
					<div class="widget widget-team-info">
						<header class="widget widget-heading-small">
							<h2 class="title heading-md heading-md-custom">
								Информация за отбора
							</h2>
						</header>

						<ul class="team-properties" id="team-overview-info">
							<li class="entry">
								<span class="label">Основан</span>
								<span class="divider"></span>
								<span class="content" id="team-overview-founded"> </span>
							</li>
							<li class="entry">
								<span class="label">Първенство</span>
								<span class="divider"></span>
								<span class="content" id="team-overview-league"> </span>
							</li>
							<li class="entry">
								<span class="label">Треньор</span>
								<span class="divider"></span>
								<span class="content" id="team-overview-coach"> </span>
							</li>
							<li class="entry">
								<span class="label">Стадион</span>
								<span class="divider"></span>
								<span class="content" id="team-overview-stadium"> </span>
							</li>
							<li class="entry">
								<span class="label">Град</span>
								<span class="divider"></span>
								<span class="content" id="team-overview-city"> </span>
							</li>
							<li class="entry">
								<span class="label">Капацитет</span>
								<span class="divider"></span>
								<span class="content" id="team-overview-capacity"> </span>
							</li>
							<li class="entry">
								<span class="label">Сайт</span>
								<span class="divider"></span>
								<span class="content" id="team-overview-website">
									<a href="" target="_blank" title=""> </a>
								</span>
							</li>
						</ul>
					</div>
					<div class="widget widget-team-match widget-prediction-poll mt-3 pb-2">
						<header class="widget widget-heading-small">
							<h2 class="title heading-md">
								<a href="" title="">Следваща среща</a>
							</h2>
						</header>
						<div class="prediction-content" id="team-overview-next-match">
						</div>
					</div> <!-- widget -->

					<div class="widget widget-team-form">
						<header class="widget widget-heading-small">
							<h2 class="title heading-md">
								<a href="" title="">Форма</a>
							</h2>
						</header>
						<div class="bar-wrap">
							<ul class="bar-labels">
								<li class="bar-labels-item">лоша</li>
								<li class="bar-labels-item">добра</li>
								<li class="bar-labels-item">много добра</li>
								<li class="bar-labels-item">отлична</li>
							</ul>

							<div class="bar" id="team-overview-form-bar">
								<span class="bar-percentage"></span>	
								<div class="bar-track">
									<div class="bar-fill"></div>
								</div>
							</div>
						</div>
						<div class="match-symbols" id="team-overview-form-matches">
							
						</div>
					</div> <!-- widget -->
					<div class="widget widget-team-ranking">
						<header class="widget widget-heading-small">
							<h2 class="title heading-md">
								<a href="" title="">Класиране</a>
							</h2>
						</header>
						
						<header class="section-header" id="team-overview-rankings">
							<img data-src="../../resources/image/temp/image_placeholder.png" alt="{{ $team['name'] }}" class="logo lazyload" id="team-overview-rankings-logo">
							<h4 class="name" id="team-overview-rankings-league-name">{{ $team['name'] }}</h4>
						</header>
						<div class="team-ranking-standings">
							<ul class="list">
								<li class="entry">
									<h5 class="label">Ранк</h5>
									<span class="bar" id="team-overview-rankings-rank"> </span>
								</li>
								<li class="entry">
									<h5 class="label">Победи</h5>
									<span class="bar" id="team-overview-rankings-wins"> </span>
								</li>
								<li class="entry">
									<h5 class="label">Равенства</h5>
									<span class="bar" id="team-overview-rankings-draws"> </span>
								</li>
								<li class="entry">
									<h5 class="label">Загуби</h5>
									<span class="bar" id="team-overview-rankings-losts"> </span>
								</li>
								<li class="entry secondary">
									<h5 class="label">Точки</h5>
									<span class="bar" id="team-overview-rankings-points"> </span>
								</li>
							</ul>
						</div>

						<div class="team-ranking-players grid">
							<a href="" class="entry col-1-2" title="Голмайстор" id="team-overview-most-goals">
							</a>

							<a href="" class="entry col-1-2" title="" id="team-overview-most-assists">
							</a>

							<a href="" class="entry col-1-2" title="" id="team-overview-most-yellow-cards">
							</a>

							<a href="" class="entry col-1-2" title="" id="team-overview-most-red-cards">
 							</a>
						</div>
					</div> <!-- widget -->
				</div>
				<div class="col-minus-sidebar-1 active-window" id="teams-news">
					<header class="widget widget-heading-small mt-3">
						<h2 class="title heading-md heading-md-custom">
							Новини
						</h2>
					</header>
					<div class="box-generic">
						@if(gettype($teamArticles) == "object" && count($teamArticles) > 0)
								<div class="widget widget-news-grid bottom-text">
									<a href="{{ url('article/'.$teamArticles[0]['id']) }}" title="{{ $teamArticles[0]['title'] }}">
										@if(isset($teamArticles[0]['imgPaths']['data']['urls']['uploaded']['original']))
                                            <img data-src="{{ $teamArticles[0]['imgPaths']['data']['urls']['uploaded']['original'] }}" alt="{{ $teamArticles[0]['title'] }}" class="lazyload">
                                        @else
                                            <img data-src="{{ url('../resources/image/temp/image_placeholder.png') }}" alt="{{ $teamArticles[0]['title'] }}" class="lazyload">
                                        @endif
										<h2 class="title heading-xm">{{ $teamArticles[0]['title'] }}</h2>
										@if(isset($teamArticles[0]['updated']))
	                                        <em class="time time-updated">
	                                            @include('layouts.logos.icons.updated',['width'=>'15px','height'=>'15px','fill'=>'black'])
	                                            {{ date('d F Y',strtotime(substr($teamArticles[0]['updated'],0, strpos($teamArticles[0]['updated'],' ')))).' | '.substr($teamArticles[0]['updated'],-8,-3) }}
	                                        </em>
	                                    @else
	                                        <em class="time">
	                                            {{ date('d F Y',strtotime(substr($teamArticles[0]['fromDate'],0, strpos($teamArticles[0]['fromDate'],' ')))).' | '.substr($teamArticles[0]['fromDate'],-8,-3) }}
	                                        </em>
			                                    @endif
									</a>
								</div>
								<br>
								<div class="widget widget-news-grid widget-news-grid-horizontal">
									@for($temp = 1 ; $temp < count($teamArticles); $temp++)
										<a href="{{ url('article/'.$teamArticles[$temp]['id']) }}" title="{{ $teamArticles[$temp]['title'] }}" class="item grid">
											<div class="photo col-1-3 custom-image-col">
												 @if(isset($teamArticles[$temp]['imgPaths']['data']['urls']['uploaded']['thumbnail']))
		                                            <img data-src="{{ $teamArticles[$temp]['imgPaths']['data']['urls']['uploaded']['thumbnail'] }}" alt="{{ $teamArticles[$temp]['title'] }}" class="lazyload">
		                                        @else
		                                            <img data-src="{{ url('../resources/image/temp/image_placeholder.png') }}" alt="{{ $teamArticles[$temp]['title'] }}" class="lazyload">
		                                        @endif
											</div>
											<div class="col-3-5">
												<h2 class="title heading-sm">{{ $teamArticles[$temp]['title'] }}</h2>
												@if(isset($teamArticles[$temp]['updated']))
			                                        <em class="time time-updated">
			                                            @include('layouts.logos.icons.updated',['width'=>'15px','height'=>'15px','fill'=>'black'])
			                                            {{ date('d F Y',strtotime(substr($teamArticles[$temp]['updated'],0, strpos($teamArticles[$temp]['updated'],' ')))).' | '.substr($teamArticles[$temp]['updated'],-8,-3) }}
			                                        </em>
			                                    @else
			                                        <em class="time">
			                                            {{ date('d F Y',strtotime(substr($teamArticles[$temp]['fromDate'],0, strpos($teamArticles[$temp]['fromDate'],' ')))).' | '.substr($teamArticles[$temp]['fromDate'],-8,-3) }}
			                                        </em>
			                                    @endif
											</div>
										</a>
								@endfor
								</div> <!-- widget -->
							@else
								<h4 class="no-news">В момента няма новини свързани с този отбор.</h4>
							@endif
					</div> <!-- box -->
					<!-- /26641721/sport1.bg/d_horizontal_5 -->
					<div class="widget widget-banner m-10" id='div-gpt-ad-1580309175692-0' style="width:728px; height:90px;">
					  <script>
					    googletag.cmd.push(function() { googletag.display('div-gpt-ad-1580309175692-0'); });
					  </script>
					</div>

				</div> <!-- col-minus-sidebar-1 -->
				<div class="col-minus-sidebar-1 hidden-window" id="teams-standings">
					<div class="widget widget-league-standings widget-standings-list">
						<header class="widget widget-heading-small mt-3">
							<h2 class="title heading-md heading-md-custom">
								Класиране
							</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="teamsStandingsSeasons" id="teams-standings-seasons">
											</select>
										</div>
									</div>
								</div>
							</div>
							<div class="st-table">
								<header class="st-table-head">
									<div class="row">
										<div class="st-position">#</div>
										<div class="st-team">Отбор</div>
										<div class="st-matches match-symbols">Форма</div>
										<div class="st-field-small">М</div>
										<div class="st-field-small">П</div>
										<div class="st-field-small">Р</div>
										<div class="st-field-small">З</div>
										<div class="st-goals">Голове</div>
										<div class="st-points">Точки</div>
									</div>
								</header>
								<div class="st-table-body" id="team-standings-content">
									
								</div> <!-- body -->
	
								<footer class="st-table-foot">
									<ul class="st-color-legend">
										<li class="legend-row">
											<span class="legend-color st-champions-1"></span>
											<span class="legend-meaning">Шампионска лига</span>
										</li>
										<li class="legend-row">
											<span class="legend-color st-europa-1"></span>
											<span class="legend-meaning">Лига Европа</span>
										</li>
										<li class="legend-row">
											<span class="legend-color st-domestic-5"></span>
											<span class="legend-meaning">Изпадане</span>
										</li>
									</ul>
								</footer>
							</div>
						</div>
					</div> <!-- widget -->


					<!-- /26641721/sport1.bg/d_horizontal_4 -->
					<div class="widget widget-banner m-10" id='div-gpt-ad-1580308944343-0'>
					  <script>
					    googletag.cmd.push(function() { googletag.display('div-gpt-ad-1580308944343-0'); });
					  </script>
					</div>
				</div> <!-- col-minus-sidebar-1 -->
				<div class="col-minus-sidebar-1 hidden-window" id="teams-fixtures">
					<div class="widget widget-livescore-list widget-livescore-list-team">
						<header class="widget widget-heading-small mt-3">
							<h2 class="title heading-md heading-md-custom">
								Мачове
							</h2>

							<ul class="heading-tabs" id="team-fixtures-content-nav">
								<li class="active">
									<a href="" data-target="#tab-not-finished-matches" title="Предстоящи">Предстоящи</a>
								</li>
								<li class="">
									<a href="" data-target="#tab-finished-matches" title="Завършени">Завършени</a>
								</li>
							</ul>

							<div class="toggle-switch toggle-switch-odds">
								<input type="checkbox" name="toggle_odds" id="toggle-odds-1" class="toggle-switch-input" checked="">
								<label for="toggle-odds-1" class="toggle-switch-label" data-content="1X2"></label>
							</div>
						</header>
						<div class="tabs" id="matches-tabs">
							<div id="tab-not-finished-matches" class="active-tab">
							</div>
							<div id="tab-finished-matches">
							</div>
						</div>
					</div>
					<!-- /26641721/sport1.bg/d_horizontal_6 -->
					<div class="widget widget-banner m-10" id='div-gpt-ad-1580309329780-0'>
					  <script>
					    googletag.cmd.push(function() { googletag.display('div-gpt-ad-1580309329780-0'); });
					  </script>
					</div>

				</div>
				<div class="col-minus-sidebar-1 hidden-window" id="teams-players">
					<div class="widget widget-team-squad">
						<header class="widget widget-heading-small mt-3">
							<h2 class="title heading-md heading-md-custom">
								Играчи
							</h2>
							<ul class="heading-tabs" id="team-players-headingTabs">
								<li class="active">
									<p data-target="#squad-list-all">Всички</p>
								</li>
								<li>
									<p data-target="#squad-list-keepers">Вратари</p>
								</li>
								<li>
									<p data-target="#squad-list-defenders">Защитници</p>
								</li>
								<li>
									<p data-target="#squad-list-midfielders">Халфове</p>
								</li>
								<li>
									<p data-target="#squad-list-forwards">Нападатели</p>
								</li>
							</ul>
						</header>
						<div id="squad-content-table">
							<header class="squad-header">
								<h4 class="name">Вратари</h4>
							</header>
							<div class="squad-list grid" id="squad-list-keepers">
								
							</div> <!-- squad-list -->
							<header class="squad-header">
								<h4 class="name">Защитници</h4>
							</header>
							<div class="squad-list grid" id="squad-list-defenders">
								
							</div> <!-- squad-list squad-list- -->

							<header class="squad-header">
								<h4 class="name">Халфове</h4>
							</header>
							<div class="squad-list grid" id="squad-list-midfielders">
								
							</div> <!-- squad-list squad-list- -->

							<header class="squad-header">
								<h4 class="name">Нападатели</h4>
							</header>
							<div class="squad-list grid" id="squad-list-forwards">
								
							</div> <!-- squad-list squad-list- -->
						</div>
					</div> <!-- widget -->
					<!-- /26641721/sport1.bg/d_horizontal_5 -->
					<div class="widget widget-banner m-10" id='div-gpt-ad-1580309175692-0'>
					  <script>
					    googletag.cmd.push(function() { googletag.display('div-gpt-ad-1580309175692-0'); });
					  </script>
					</div>

				</div> <!-- col-minus-sidebar-1 -->
				<div class="col-sidebar">

					<div class="margin-30"></div>

					@include('layouts.side-bar-components._standings')

					@include('layouts.side-bar-components._most-read',['mostViewed' => $teamArticles])
				</div> <!-- col-sidebar -->
			</div> <!-- grid -->
		</div>
@endsection

@push('scripts')
     <script src="{{ asset('dist/js/custom/desktop/team-desktop.js')}}"></script>
@endpush