@extends('layouts.app')

@section('title',$league['name'].' - Fixtures | 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>
			<a href="{{ url('league/'.$league['id'].'?teams') }}" title="{{ $league['name'].' - Teams' }}">
			Teams</a>
		</li>
		<li  class="active">
			<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'] ,'Fixtures']])

	<div class="wrap-width">
		@include('layouts._league-header',['league'=> $league,'leagueMatches' => $leagueMatches])
		<div class="grid">
			<div class="col-minus-sidebar-1">
				<div class="widget widget-livescore-list">
					<header class="widget widget-heading-small mt-3">
						<h2 class="title heading-md">
							<a href="" title="">Fixtures</a>
						</h2>

						<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="grid">
						<form  method="GET" action="{{ url('league/'.$league['id'].'/fixtures') }}" class="col-1" >
							<div class="col-11-24">
								<div class="widget widget-category-dropdown">
									<label for="dropdown-season" class="form-select-label">Season</label>
									<div class="form-select">
										<select name="seasonsSelect" id="dropdown-season" onchange="this.form.submit()">
											@foreach($seasons as $key=>$season)
												@if($key == $lastSeason)
													<option value="{{ $key }}" selected="true">{{ $season['name'] }}</option>
												@else
													<option value="{{ $key }}">{{ $season['name'] }}</option>
												@endif
											@endforeach
										</select>
									</div>
								</div>
							</div>
							<div class="col-11-24">
								<div class="widget widget-category-dropdown">
									<label for="dropdown-week" class="form-select-label">Game week</label>
									<div class="form-select">
										<select name="roundSelect" id="dropdown-week" onchange="this.form.submit()">
											@foreach($roundNumbers as $roundN)
												@if($roundN == $latestRound)
													<option value="{{ $roundN }}" selected="true">{{ $roundN }}</option>
												@else
													<option value="{{ $roundN }}">{{ $roundN }}</option>
												@endif
											@endforeach
										</select>
									</div>
								</div>
							</div>
						</form>
					</div> <!-- grid -->
					<ul>
						{{-- {{ dd($chosenRoundMatches[0]) }} --}}
						<h1 class="content-title">{{ $chosenRoundMatches[0]['tournament_season_stage']['name'] }} - {{ $chosenRoundMatches[0]['round'] }}</h1>
						@foreach($chosenRoundMatches as $match)
							<li><div class="widget widget-carousel-5 widget-carousel-matches" 
							data-widgetId="odds-listing" 
							data-options='{
							"eventId":{{ $match['id'] }},
							"lang":"en",
	                        "displayMatchHeader": true,
	                        {{-- "watchLiveUrl": "google.bg", --}}
	                        "apiURL":"https://football.api.sportal365.com",
	                        "apiKey":"d5cb82a2ee228f92709fb79f3824134a:8e26cc98e71e0b5d731cd14bf7df97c4",
	                        "oddClient":"sportal",
	                        "oddProviderIds":[43,5,33],
	                        "mainOddProvider":43,
	                        "displayMatchHeader":"true"}'>
							</div></li>
						@endforeach
					</ul>
					{{-- <header class="section-header-small">
						<h4 class="name">23 November 2018</h4>
					</header>

					<ul class="livescore-list">
						<li class="entry">
							<div class="status status-finished">
								<span class="status-label">FT</span>
							</div>

							<div class="team team-home">
								<span class="team-name">Newcastle United</span>
								<img src="../resources/image/temp/team-1.png" alt="" class="team-logo">
							</div>
							<div class="dashboard-result">0 - 0</div>
							<div class="team team-away">
								<img src="../resources/image/temp/team-1.png" alt="" class="team-logo">
								<span class="team-name">Burnley</span>
							</div>
							<a href="" title="" class="watch watch-video">
								<i class="icon icon-event-video"></i>
							</a>
						</li>
						<li class="entry">
							<div class="status status-finished">
								<span class="status-label">FT</span>
							</div>

							<div class="team team-home">
								<span class="team-name">AFC Bournemouth</span>
								<img src="../resources/image/temp/team-1.png" alt="" class="team-logo">
							</div>
							<div class="dashboard-result">0 - 1</div>
							<div class="team team-away">
								<img src="../resources/image/temp/team-1.png" alt="" class="team-logo">
								<span class="team-name">Leicester City</span>
							</div>
							<a href="" title="" class="watch watch-video">
								<i class="icon icon-event-video"></i>
							</a>
						</li>
						<li class="entry">
							<div class="status status-finished">
								<span class="status-label">FT</span>
							</div>

							<div class="team team-home">
								<span class="team-name">Manchester City</span>
								<img src="../resources/image/temp/team-1.png" alt="" class="team-logo">
							</div>
							<div class="dashboard-result">1 - 2</div>
							<div class="team team-away">
								<img src="../resources/image/temp/team-1.png" alt="" class="team-logo">
								<span class="team-name">Fulham</span>
							</div>
							<a href="" title="" class="watch watch-video">
								<i class="icon icon-event-video"></i>
							</a>
						</li>
						<li class="entry">
							<div class="status status-finished">
								<span class="status-label">FT</span>
							</div>

							<div class="team team-home">
								<span class="team-name">Chelsea</span>
								<img src="../resources/image/temp/team-1.png" alt="" class="team-logo">
							</div>
							<div class="dashboard-result">2 - 0</div>
							<div class="team team-away">
								<img src="../resources/image/temp/team-1.png" alt="" class="team-logo">
								<span class="team-name">Arsenal</span>
							</div>
							<a href="" title="" class="watch watch-video">
								<i class="icon icon-event-video"></i>
							</a>
						</li>
						
						<li class="entry">
							<div class="status status-live">
								<span class="status-label">69’</span>
							</div>

							<div class="team team-home">
								<span class="team-name">Watford</span>
								<img src="../resources/image/temp/team-1.png" alt="" class="team-logo">
							</div>
							<div class="dashboard-result">0 - 0</div>
							<div class="team team-away">
								<img src="../resources/image/temp/team-1.png" alt="" class="team-logo">
								<span class="team-name">Manchester United</span>
							</div>
							<a href="" title="" class="watch watch-live">
								<span class="live-label">Live</span>
								<i class="icon icon-event-livetv"></i>
							</a>

							<div class="widget widget-odds">
								<a href="" title="" target="_blank" class="odds-provider">
									<img src="../resources/image/temp/odds-1.jpg" alt="">
								</a>
								
								<div class="match-bet-wrap">
									<ul class="match-bet">
										<li class="bet-home">
											<span class="bet-label">1</span>
											<strong class="bet-odds">3.50</strong>
										</li>
										<li class="bet-draw">
											<span class="bet-label">X</span>
											<strong class="bet-odds">3.30</strong>
										</li>
										<li class="bet-away">
											<span class="bet-label">2</span>
											<strong class="bet-odds">2.10</strong>
										</li>
									</ul>
								</div>		

								<a href="" title="" class="btn-view-more widget-view-more">
									<span class="label">View More</span>
									<i class="icon icon-view-more"></i>
								</a>
							</div>
						</li>
						
						<li class="entry">
							<div class="team team-home">
								<span class="team-name">Everton</span>
								<img src="../resources/image/temp/team-1.png" alt="" class="team-logo">
							</div>
							<div class="dashboard-result">18:30</div>
							<div class="team team-away">
								<img src="../resources/image/temp/team-1.png" alt="" class="team-logo">
								<span class="team-name">West Ham United</span>
							</div>

							<div class="widget widget-odds">
								<a href="" title="" target="_blank" class="odds-provider">
									<img src="../resources/image/temp/odds-1.jpg" alt="">
								</a>
								
								<div class="match-bet-wrap">
									<ul class="match-bet">
										<li class="bet-home">
											<span class="bet-label">1</span>
											<strong class="bet-odds">3.50</strong>
										</li>
										<li class="bet-draw">
											<span class="bet-label">X</span>
											<strong class="bet-odds">3.30</strong>
										</li>
										<li class="bet-away">
											<span class="bet-label">2</span>
											<strong class="bet-odds">2.10</strong>
										</li>
									</ul>
								</div>		

								<a href="" title="" class="btn-view-more widget-view-more">
									<span class="label">View More</span>
									<i class="icon icon-view-more"></i>
								</a>
							</div>
						</li>
						<li class="entry">
							<div class="team team-home">
								<span class="team-name">Wolverhampton Wanderers</span>
								<img src="../resources/image/temp/team-1.png" alt="" class="team-logo">
							</div>
							<div class="dashboard-result">20:30</div>
							<div class="team team-away">
								<img src="../resources/image/temp/team-1.png" alt="" class="team-logo">
								<span class="team-name">Brighton &amp; Hove Albion</span>
							</div>

							<div class="widget widget-odds">
								<a href="" title="" target="_blank" class="odds-provider">
									<img src="../resources/image/temp/odds-1.jpg" alt="">
								</a>
								
								<div class="match-bet-wrap">
									<ul class="match-bet">
										<li class="bet-home">
											<span class="bet-label">1</span>
											<strong class="bet-odds">3.50</strong>
										</li>
										<li class="bet-draw">
											<span class="bet-label">X</span>
											<strong class="bet-odds">3.30</strong>
										</li>
										<li class="bet-away">
											<span class="bet-label">2</span>
											<strong class="bet-odds">2.10</strong>
										</li>
									</ul>
								</div>		

								<a href="" title="" class="btn-view-more widget-view-more">
									<span class="label">View More</span>
									<i class="icon icon-view-more"></i>
								</a>
							</div>
						</li>
						<li class="entry">
							<div class="team team-home">
								<span class="team-name">Tottenham Hotspur</span>
								<img src="../resources/image/temp/team-1.png" alt="" class="team-logo">
							</div>
							<div class="dashboard-result">22:00</div>
							<div class="team team-away">
								<img src="../resources/image/temp/team-1.png" alt="" class="team-logo">
								<span class="team-name">Liverpool</span>
							</div>

							<div class="widget widget-odds">
								<a href="" title="" target="_blank" class="odds-provider">
									<img src="../resources/image/temp/odds-1.jpg" alt="">
								</a>
								
								<div class="match-bet-wrap">
									<ul class="match-bet">
										<li class="bet-home">
											<span class="bet-label">1</span>
											<strong class="bet-odds">3.50</strong>
										</li>
										<li class="bet-draw">
											<span class="bet-label">X</span>
											<strong class="bet-odds">3.30</strong>
										</li>
										<li class="bet-away">
											<span class="bet-label">2</span>
											<strong class="bet-odds">2.10</strong>
										</li>
									</ul>
								</div>		

								<a href="" title="" class="btn-view-more widget-view-more">
									<span class="label">View More</span>
									<i class="icon icon-view-more"></i>
								</a>
							</div>
						</li>
					</ul>

					<header class="section-header-small">
						<h4 class="name">24 November 2018</h4>
					</header>
	
					<ul class="livescore-list">							
						<li class="entry">
							<div class="team team-home">
								<span class="team-name">Espanyol</span>
								<img src="../resources/image/temp/team-2.png" alt="" class="team-logo">
							</div>
							<div class="dashboard-result">18:30</div>
							<div class="team team-away">
								<img src="../resources/image/temp/team-2.png" alt="" class="team-logo">
								<span class="team-name">Villarreal</span>
							</div>
							
							<div class="widget widget-odds">
								<a href="" title="" target="_blank" class="odds-provider">
									<img src="../resources/image/temp/odds-1.jpg" alt="">
								</a>
								
								<div class="match-bet-wrap">
									<ul class="match-bet">
										<li class="bet-home">
											<span class="bet-label">1</span>
											<strong class="bet-odds">3.50</strong>
										</li>
										<li class="bet-draw">
											<span class="bet-label">X</span>
											<strong class="bet-odds">3.30</strong>
										</li>
										<li class="bet-away">
											<span class="bet-label">2</span>
											<strong class="bet-odds">2.10</strong>
										</li>
									</ul>
								</div>		

								<a href="" title="" class="btn-view-more widget-view-more">
									<span class="label">View More</span>
									<i class="icon icon-view-more"></i>
								</a>
							</div>
						</li>
						<li class="entry">
							<div class="team team-home">
								<span class="team-name">Deportivo La Coruña</span>
								<img src="../resources/image/temp/team-2.png" alt="" class="team-logo">
							</div>
							<div class="dashboard-result">20:30</div>
							<div class="team team-away">
								<img src="../resources/image/temp/team-2.png" alt="" class="team-logo">
								<span class="team-name">Levante</span>
							</div>
							
							<div class="widget widget-odds">
								<a href="" title="" target="_blank" class="odds-provider">
									<img src="../resources/image/temp/odds-1.jpg" alt="">
								</a>
								
								<div class="match-bet-wrap">
									<ul class="match-bet">
										<li class="bet-home">
											<span class="bet-label">1</span>
											<strong class="bet-odds">3.50</strong>
										</li>
										<li class="bet-draw">
											<span class="bet-label">X</span>
											<strong class="bet-odds">3.30</strong>
										</li>
										<li class="bet-away">
											<span class="bet-label">2</span>
											<strong class="bet-odds">2.10</strong>
										</li>
									</ul>
								</div>		

								<a href="" title="" class="btn-view-more widget-view-more">
									<span class="label">View More</span>
									<i class="icon icon-view-more"></i>
								</a>
							</div>
						</li>
					</ul>

					<footer class="footer-generic">
						<a href="" class="btn-generic" title="">
							<i class="arrow-prev"></i>
							<span class="text">Previous Game Week</span>
						</a>
						<a href="" class="btn-generic" title="">
							<span class="text">Next Game Week </span>
							<i class="arrow-next"></i>
						</a>
					</footer> --}}
				</div> <!-- widget -->
				
				@include('layouts.side-bar-components._vertical-banner',['bannerURL'=>'../resources/image/temp/banner-728.jpg'])
			</div>

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