@extends('layouts.app')

@section('title',$league['name'].' - Teams | Sport 1')
	
@section('league-header-tabs')
	<ul class="heading-tabs">
		<li>
			<a href="{{ url('league/'.$league['id'].'/news') }}" title="{{ $league['name'].' - News' }}">
			News</a>
		</li>
		<li>
			<a href="{{ url('league/'.$league['id'].'/standings') }}" title="{{ $league['name'].' - Standings' }}">
			Standings</a>
		</li>
		<li class="active">
			<a href="{{ url('league/'.$league['id'].'/teams') }}" title="{{ $league['name'].' - Teams' }}">
			Teams</a>
		</li>
		<li>
			<a href="{{ url('league/'.$league['id'].'/fixtures/') }}" title="{{ $league['name'].' - Fixtures' }}">
			Fixtures</a>
		</li>
	</ul>
@endsection

@section('content')

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

	@include('layouts._breadcrumb',['pageName'=> ['Football', $league['name'],'Teams']])

	<div class="wrap-width">
		@include('layouts._league-header',['league' => $league])

		<div class="grid">
			<div class="col-minus-sidebar-1">
					<div class="widget widget-team-list-vertical">
						<header class="widget widget-heading-small mt-3">
							<h2 class="title heading-md">
								<a href="" title="">Teams</a>
							</h2>
						</header>

						<div class="widget widget-category-dropdown">
							<label for="dropdown-season" class="form-select-label">Season</label>
							<div class="form-select">
							{{-- <form method="POST" action="{{  route('league.teams') }}"> --}}
									<select name="selectedSeason" id="dropdown-season">
										<option value="3" data-target="#target3">2016 / 2017</option>
										<option value="2" data-target="#target2">2017 / 2018</option>
										<option value="1" data-target="#target1">2018 / 2019</option>
										<option value="0" selected="true" data-target="#target0">2019 / 2020</option>
									</select>
								{{-- </form> --}}
							</div>
						</div>
						@foreach($lastSeasons as $key=>$season)
							<div class="list" id='{{ 'target'.$key }}' style='display:none;'>
								@foreach($season['teams'] as $team)
									<a href="{{ url('/team/'.$team['id'].'/news') }}" title="{{ $team['name'] }}" class="entry">
										<div class="logo">
											@if(isset($team['url_logo']))
												<img src="{{ url($team['url_logo']) }}" alt="{{ $team['name'] }}">
											@else
												<img src="{{ url('../resources/image/temp/image_placeholder.png') }}" alt="{{ $team['name'] }}">
											@endif
										</div>
										<h3 class="name">{{ $team['name'] }}</h3>
										@if(isset($team['points']))
											<h4 class="points">Points: {{ $team['points'] }}</h4>
										@endif
										{{--< h5 class="coach">{{ $team['coach'] }}</h5> --}}
									</a>
								@endforeach
							</div>
						@endforeach
						{{-- <div class="list">
							<a href="" title="" class="entry">
								<div class="logo"><img src="../resources/image/temp/team-1.png" alt=""></div>
								<h3 class="name">AFC Bournemouth</h3>
							</a>
							<a href="" title="" class="entry">
								<div class="logo"><img src="../resources/image/temp/team-2.png" alt=""></div>
								<h3 class="name">Arsenal</h3>
							</a>
							<a href="" title="" class="entry">
								<div class="logo"><img src="../resources/image/temp/team-3.png" alt=""></div>
								<h3 class="name">Brigton &amp; Hove Albion</h3>
							</a>
							<a href="" title="" class="entry">
								<div class="logo"><img src="../resources/image/temp/team-1.png" alt=""></div>
								<h3 class="name">AFC Bournemouth</h3>
							</a>
							<a href="" title="" class="entry">
								<div class="logo"><img src="../resources/image/temp/team-2.png" alt=""></div>
								<h3 class="name">Arsenal</h3>
							</a>
							<a href="" title="" class="entry">
								<div class="logo"><img src="../resources/image/temp/team-3.png" alt=""></div>
								<h3 class="name">Brigton &amp; Hove Albion</h3>
							</a>
							<a href="" title="" class="entry">
								<div class="logo"><img src="../resources/image/temp/team-1.png" alt=""></div>
								<h3 class="name">AFC Bournemouth</h3>
							</a>
							<a href="" title="" class="entry">
								<div class="logo"><img src="../resources/image/temp/team-2.png" alt=""></div>
								<h3 class="name">Arsenal</h3>
							</a>
							<a href="" title="" class="entry">
								<div class="logo"><img src="../resources/image/temp/team-3.png" alt=""></div>
								<h3 class="name">Brigton &amp; Hove Albion</h3>
							</a>
							<a href="" title="" class="entry">
								<div class="logo"><img src="../resources/image/temp/team-1.png" alt=""></div>
								<h3 class="name">AFC Bournemouth</h3>
							</a>
							<a href="" title="" class="entry">
								<div class="logo"><img src="../resources/image/temp/team-2.png" alt=""></div>
								<h3 class="name">Arsenal</h3>
							</a>
							<a href="" title="" class="entry">
								<div class="logo"><img src="../resources/image/temp/team-3.png" alt=""></div>
								<h3 class="name">Brigton &amp; Hove Albion</h3>
							</a>
							<a href="" title="" class="entry">
								<div class="logo"><img src="../resources/image/temp/team-1.png" alt=""></div>
								<h3 class="name">AFC Bournemouth</h3>
							</a>
							<a href="" title="" class="entry">
								<div class="logo"><img src="../resources/image/temp/team-2.png" alt=""></div>
								<h3 class="name">Arsenal</h3>
							</a>
							<a href="" title="" class="entry">
								<div class="logo"><img src="../resources/image/temp/team-3.png" alt=""></div>
								<h3 class="name">Brigton &amp; Hove Albion</h3>
							</a>
							<a href="" title="" class="entry">
								<div class="logo"><img src="../resources/image/temp/team-1.png" alt=""></div>
								<h3 class="name">AFC Bournemouth</h3>
							</a>
							<a href="" title="" class="entry">
								<div class="logo"><img src="../resources/image/temp/team-2.png" alt=""></div>
								<h3 class="name">Arsenal</h3>
							</a>
							<a href="" title="" class="entry">
								<div class="logo"><img src="../resources/image/temp/team-3.png" alt=""></div>
								<h3 class="name">Brigton &amp; Hove Albion</h3>
							</a>
							<a href="" title="" class="entry">
								<div class="logo"><img src="../resources/image/temp/team-1.png" alt=""></div>
								<h3 class="name">AFC Bournemouth</h3>
							</a>
							<a href="" title="" class="entry">
								<div class="logo"><img src="../resources/image/temp/team-2.png" alt=""></div>
								<h3 class="name">Arsenal</h3>
							</a>
							<a href="" title="" class="entry">
								<div class="logo"><img src="../resources/image/temp/team-3.png" alt=""></div>
								<h3 class="name">Brigton &amp; Hove Albion</h3>
							</a>
							<a href="" title="" class="entry">
								<div class="logo"><img src="../resources/image/temp/team-1.png" alt=""></div>
								<h3 class="name">AFC Bournemouth</h3>
							</a>
							<a href="" title="" class="entry">
								<div class="logo"><img src="../resources/image/temp/team-2.png" alt=""></div>
								<h3 class="name">Arsenal</h3>
							</a>
							<a href="" title="" class="entry">
								<div class="logo"><img src="../resources/image/temp/team-3.png" alt=""></div>
								<h3 class="name">Brigton &amp; Hove Albion</h3>
							</a>
							<a href="" title="" class="entry">
								<div class="logo"><img src="../resources/image/temp/team-1.png" alt=""></div>
								<h3 class="name">AFC Bournemouth</h3>
							</a>
						</div> --}}
					</div> <!-- widget -->


					@include('layouts.side-bar-components._vertical-banner',
					['bannerURL'=>'../resources/image/temp/banner-728.jpg'],
					['bannerMargin'=>'true'])

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