@extends('mobile.layouts.mobile-app')

@section('title', $league['name'].' | Sport 1')

@section('content')
    <div class="global-wrap">
        @include('mobile.layouts._breadcrumb',['pageName'=> $league['name']])
	   
       <div class="widget widget-tabs-lined widget-tabs-lined-mobile">
		<header class="widget widget-heading-mobile-league">
			<img src="{{ $league['url_logo'] }}" alt="{{ $league['name'] }}" class="league-logo">
			<div class="league-text">
				<h3 class="league-name heading-md">{{ $league['name'] }}</h3>
				<h4 class="league-location">{{ $league['country']['name'] }}</h4>
			</div>
		</header>

		<div class="widget widget-tabs-lined widget-tabs-lined-mobile">
			<ul class="tab-nav">
				<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'].'/fixtures') }}" title="{{ $league['name'] }} - Fixtures">Fixtures</a>
				</li>
			</ul>
		</div> <!-- tabs -->
        <div class="widget widget-category-dropdown">
                <div class="form-select">
                    <select name="" id="dropdown-season">
                        <option value="target4" data-target="#target4">2015 / 2016</option>
                        <option value="target3" data-target="#target3">2016 / 2017</option>
                        <option value="target2" data-target="#target2">2017 / 2018</option>
                        <option value="target1" data-target="#target1" >2018 / 2019</option>
                        <option value="target0" data-target="#target0" selected>2019 / 2020</option>
                    </select>
                </div>
            </div>
            {{-- {{ dd($stages) }} --}}
           {{--  <div class="widget widget-category-nav">
                <a href="" class="arrow prev" title=""></a>
                <div class="content">
                    <h5 class="label">Game Week</h5>
                    <h6 class="week">12</h6>
                </div>
                <a href="" class="arrow next" title=""></a>
            </div> --}}
            <div class="widget widget-league-standings widget-standings-list">
        		
                    <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-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">
                                                 @if($standing['rank'] < 4)
                                                    <div class="st-color st-champions-1"> </div>
                                                @elseif($standing['rank'] > 3 && $standing['rank'] < 6)
                                                    <div class="st-color st-europa-1"> </div>
                                                @elseif($standing['rank'] > (count($stage[0]['standing'])-3))
                                                    <div class="st-color st-domestic-5"> </div>
                                                @else
                                                   
                                                @endif
                                                <div class="st-position">{{ $standing['rank'] }}</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>
        </div>
    </div>
@endsection