@extends('layouts.app')

@section('title', $league['name'].' - Standings | 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  class="active">
			<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>
			<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'] ,'Standings']])
	<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-league-standings widget-standings-list">
					<header class="widget widget-heading-small mt-3">
						<h2 class="title heading-md">
							<a href="" title="">Standings</a>
						</h2>
					</header>
					
					<div class="box-generic">
						<div class="grid">
							<div class="col-1-2">
								<div class="widget widget-category-dropdown">
									<label for="dropdown-season" class="form-select-label">Season</label>
									<div class="form-select">
										<select name="" id="dropdown-season">
											<option value="" data-target="#target4">2015 / 2016</option>
											<option value="" data-target="#target3">2016 / 2017</option>
											<option value="" data-target="#target2">2017 / 2018</option>
											<option value="" data-target="#target1">2018 / 2019</option>
											<option value="" selected="true"data-target="#target0">2019 / 2020</option>
										</select>
									</div>
								</div>
							</div>
							<div class="col-1-1">
								<div class="widget widget-category-dropdown">
									<h3  class="title heading-sx">Group Stage</h>
								</div>
							</div>
							{{-- <div class="col-1-2">
								<div class="widget widget-category-dropdown">
									<label for="dropdown-week" class="form-select-label">Game week</label>
									<div class="form-select">
										<select name="" id="dropdown-week">
											<option value="">11</option>
											<option value="" selected="">12</option>
											<option value="">13</option>
											<option value="">14</option>
										</select>
									</div>
								</div>
							</div> --}}
						</div>
	
					<div class="st-table">
						@foreach($stages as $key=>$stage)
							@if(count($stage) <2)
							<div class="list" style="display: none;" id={{'target'.$key }}>
								<header class="st-table-head">
									<div class="row">
										<div class="st-position">#</div>
										<div class="st-team">Team</div>
										{{-- <div class="st-matches match-symbols">Last 5 matches</div> --}}
										<div class="st-field-small">MP</div>
										<div class="st-field-small">W</div>
										<div class="st-field-small">D</div>
										<div class="st-field-small">L</div>
										<div class="st-goals">Goals</div>
										<div class="st-points">Pts</div>
									</div>
								</header>
								<div class="st-table-body">

									<div class="st-table-content">
										@foreach($stage[0]['standing'] as $standing)
											<a href="{{ url('/team/'.$standing['team']['id']) }}" title="{{ $standing['team']['name'] }}" class="row">
												<div class="st-position">
													@if($standing['rank'] < 4)
                                                        <div class="st-color st-champions-1">{{ $standing['rank'] }}</div>
                                                    @elseif($standing['rank'] > 3 && $standing['rank'] < 6)
                                                        <div class="st-color st-europa-1">{{ $standing['rank'] }}</div>
                                                    @elseif($standing['rank'] > (count($stage[0]['standing'])-3))
                                                        <div class="st-color st-domestic-5">{{ $standing['rank'] }}</div>
                                                    @else
                                                       <div class="st-position">{{ $standing['rank'] }}</div>
                                                    @endif
												</div>
			
												<div class="st-team">
													<img src="{{ $standing['team']['url_logo'] }}" alt="{{ $standing['team']['name'] }}" class="st-team-logo">
													<span class="st-team-name">{{ $standing['team']['name'] }}</span>
												</div>
												{{-- <div class="st-matches match-symbols">
													<span class="match-outcome match-w">W</span>
													<span class="match-outcome match-w">W</span>
													<span class="match-outcome match-d">D</span>
													<span class="match-outcome match-l">L</span>
													<span class="match-outcome match-w">W</span>
												</div> --}}
												<div class="st-field-small">{{ $standing['played'] }}</div>
												<div class="st-field-small">{{ $standing['wins'] }}</div>
												<div class="st-field-small">{{ $standing['draws'] }}</div>
												<div class="st-field-small">{{ $standing['defeits'] }}</div>									
												<div class="st-goals">{{ $standing['goals_for'] }} / {{ $standing['goals_against'] }}</div>
												<div class="st-points">{{ $standing['points'] }}</div>
											</a>
										@endforeach
									</div>
								</div>
							</div>
							@else
								@foreach($stage as $temp=>$s)
									@if(strpos($s['name'],'Group'))
										<div class="st-table-body list"  style="display:none;" id='{{ 'target'.$key }}'>
											<div class="st-table-content">
												@include('layouts.widgets.standings-groups',['leagueStages'=> $s])
											</div>
										</div>
									@endif
								@endforeach
							@endif
						@endforeach
					</div> <!-- body -->
				</div> <!-- widget -->
			</div>
		</div>
		@include('layouts.sidebars._league-side-bar')
		</div>
	</div>
@endsection