@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>
					<a href="{{ url('league/'.$league['id'].'/standings') }}" title="{{ $league['name'] }} - Standings">Standings</a>
				</li>
				<li  class="active">
					<a href="{{ url('league/'.$league['id'].'/fixtures') }}" title="{{ $league['name'] }} - Fixtures">Fixtures</a>
				</li>
			</ul>
		</div> <!-- tabs -->
        <form  method="GET" action="{{ url('league/'.$league['id'].'/fixtures') }}" class="col-1" >
            <div class="widget widget-tabs-lined widget-tabs-lined-mobile">
                <div class="widget widget-category-dropdown">
                    <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 class="widget widget-category-nav">
                    {{-- @if($latestRound-1 > 0) --}}
                    <a class="arrow prev" title="" {{-- onclick="this.form.submit()" --}}></a>
                    {{-- @foreach($roundNumbers as $roundN)
                        @if($roundN == $latestRound)
                            <option value="{{ $roundN }}" selected="true">{{ $roundN }}</option>
                        @else
                            <option value="{{ $roundN }}">{{ $roundN }}</option>
                        @endif
                    @endforeach --}}
                    <div class="content">
                        <h5 class="label">Game Week</h5>
                        <select name="roundSelect" id="dropdown-week" class="dropdown-week-mobile">
                            @foreach($roundNumbers as $roundN)
                                @if($roundN == $latestRound)
                                    <option value="{{ $roundN }}" selected="true"><h6 class="week">{{ $roundN }}</h6></option>
                                @else
                                    <option value="{{ $roundN }}"><h6 class="week">{{ $roundN }}</h6></option>
                                @endif
                            @endforeach
                        </select>
                        {{-- <h6 class="week">{{ $latestRound }}</h6> --}}
                    </div>
                    <a href="" class="arrow next" title=""></a>
                </div>
            </div>
        </form>
            <div class="widget widget-livescore-list">

                <header class="section-header-small">
                     <h1 class="content-title">{{ $chosenRoundMatches[0]['tournament_season_stage']['name'] }} - {{ $chosenRoundMatches[0]['round'] }}</h1>
                </header>
                <ul class="livescore-list">
                    @foreach($chosenRoundMatches as $match)
                        <li><div 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>
            </div> <!-- widget -->
        </div> <!-- tabs -->
    </div>
@endsection