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

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

@section('banners_data')
<script async src="https://securepubads.g.doubleclick.net/tag/js/gpt.js"></script>
<script>
  window.googletag = window.googletag || {cmd: []};
  googletag.cmd.push(function() {
    googletag.defineSlot('/26641721/sport1.bg/m_box_3', [[320, 50], [320, 100], [300, 250], [300, 300], [300, 600]], 'div-gpt-ad-1580393912000-0').addService(googletag.pubads());
    googletag.pubads().enableSingleRequest();
    googletag.pubads().collapseEmptyDivs();
    googletag.enableServices();
  });
</script>

@endsection

@section('structured_data')
   <script type="application/ld+json">
        { 
           "@context":"http:\/\/schema.org",
           "@type":"BreadcrumbList",
           "itemListElement":[ 
              { 
                 "@type":"ListItem",
                 "position":1,
                 "item":{ 
                    "@id":"{{ url('/') }}",
                    "name":"Sport1.bg"
                 }
              },
              { 
                 "@type":"ListItem",
                 "position":2,
                 "item":{ 
                    "@id":"{{ url('/').'/league/'.$league }}",
                    "name":"{{ $tournament['name'] }}"
                 }
              }
           ]
        }
    </script>
@endsection
@section('content')
    <div class="global-wrap">
        @include('mobile.layouts._breadcrumb',['pageName'=> $tournament['name']])
    
        <header class="widget widget-heading-mobile-league" title="League ID" data-target="{{ $league }}">
            <img data-src="" alt=" " class="league-logo lazyload" id="league-logo">
            <div class="league-text">
                <h3 class="league-name heading-md" id="league-name"> </h3>
                <h4 class="league-location" id="league-country"> </h4>
            </div>
        </header>

        <div class="widget widget-tabs-lined widget-tabs-lined-mobile">
            <ul class="tab-nav" id="league-nav">
                <li class="active active-nav-item">
                    <a href="{{ url('league/'.$league.'/news') }}" title="{{ $league }} - News" data-target='league-news'>Новини</a>
                </li>
                <li class="active-nav-item">
                    <a href="{{ url('league/'.$league.'/standings') }}" title="{{ $league }} - Standings" data-target='league-standings'>Класиране</a>
                </li>
                <li class="active-nav-item">
                    <a href="{{ url('league/'.$league.'/fixtures') }}" title="{{ $league }} - Fixtures" data-target='league-fixtures'>Мачове</a>
                </li>
                <li class="tab-nav-more">
                    <a href="#" title="Покажи повече" class="icon" data-target='league-more'>
                        <span></span>
                        <span></span>
                        <span></span>
                    </a>
                </li>
                <li class="hidden-nav-item">
                    <a href="{{ url('league/'.$league.'/teams') }}" title="{{ $league }} - Teams" data-target='league-teams'>Отбори</a>
                </li>
                 <li class="hidden-nav-item">
                    <a href="{{ url('league/'.$league.'/scorer') }}" title="{{ $league }} - Top Scorer" data-target='league-scorers'>Голмайстори</a>
                </li>
            </ul>
        </div> <!-- tabs -->
        <div class="league-content">
            <div class="content-tabs" id="league-news">
        		<header class="widget widget-heading-small mt-3">
        			<ul class="heading-tabs">
        				<li class="active">
        					<a href="#news-1" title="Last" aria-selected="true">Последни</a>
        				</li>
        				<li>
        					<a href="#news-2" title="Popular" aria-selected="false">Популарни</a>
        				</li>
        			</ul>
        		</header>
                <div class="box-generic tab-content">
                	<div id="news-1" style="" aria-hidden="false">
                        @include('mobile.layouts._three-news-template',['article'=>$leagueArticles,'league'=>$league])
                    </div>
                    <div id="news-2" style="" aria-hidden="true">
                        @include('mobile.layouts._three-news-template',['article'=>$mostReadLeagueArticles,'league'=>$league])
                    </div>
                </div> <!-- box -->
            </div>
            <div class="content-tabs hidden" id="league-fixtures">
                <header class="widget widget-heading-small mt-3">
                    <h2 class="title heading-md">
                        <a href="" title="">Мачове</a>
                    </h2>
                </header>
                <div class="box-generic tab-content">
                    <div class="widget widget-tabs-lined widget-tabs-lined-mobile">
                            <div class="widget widget-tabs-lined widget-tabs-lined-mobile col-1">
                                <div class="widget widget-category-dropdown">
                                    <div class="form-select">
                                        <select name="seasonsSelect" id="dropdown-season-fixtures-mobile">
                                        </select>
                                    </div>
                                </div>
                            </div>
                            <div id="insert-seasons">
                                
                            </div>
                    </div>
                </div> <!-- tabs -->
            </div>
            <div class="content-tabs hidden" id="league-standings">
                <header class="widget widget-heading-small mt-3">
                    <h2 class="title heading-md">
                        <a href="" title="">Класирания</a>
                    </h2>
                </header>
                <div class="box-generic tab-content">
                   <div class="widget widget-tabs-lined widget-tabs-lined-mobile">
                        <div class="widget widget-category-dropdown">
                            <div class="form-select">
                                <select name="" id="dropdown-season-standings">
                                </select>
                            </div>
                        </div>
                        <div class="widget widget-league-standings widget-standings-list" id="league-standings-mobile">
                            <div class="st-table">
                            </div> <!-- body -->
                        </div>
                   </div>
                </div>
            </div>
            <div class="content-tabs hidden" id="league-teams">
                <div class="widget widget-category-dropdown">
                    <div class="form-select">
                        <select name="" id="league-teams-mobile-nav">
                           
                        </select>
                    </div>
                </div>
                <div class="widget widget-team-list-vertical">
                    <div class="list"  id="league-teams-mobile-content">
                        
                    </div>
                </div>
            </div>
             <div class="content-tabs hidden" id="league-scorers">
                    <div class="widget widget-league-scorer">
                        <header class="widget widget-heading-small mt-3">
                            <ul class="heading-tabs" id="goal-tab-nav">
                                <li class="active">
                                    <a href="" data-target="topscorers" title="Голмайстори - голове">Голове</a>
                                </li>
                                <li>
                                    <a href="" data-target="topassists" title="Голмайстори - асистенции">Асистенции</a>
                                </li>
                            </ul>
                        </header>
                        <div class="box-generic tab-content">
                            <div id="topscorers">   
                                <div class="grid">
                                    <div class="col-1-2">
                                        <div class="widget widget-category-dropdown">
                                            <label for="dropdown-season" class="form-select-label">Сезони</label>
                                            <div class="form-select">
                                                <select name="goal-seasons" id="league-goals-dropdown-season">
                                                </select>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="col-1-2">
                                        <div class="widget widget-category-dropdown">
                                            <label for="dropdown-week" class="form-select-label">Отбори</label>
                                            <div class="form-select">
                                                <select name="goal-teams" id="league-goals-dropdown-week">
                                                    <option value="0">Всички</option>
                                                </select>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="sc-table">
                                    <header class="sc-table-head">
                                        <div class="sc-row">
                                            <div class="sc-field-small">#</div>
                                            <div class="sc-player">Играч</div>
                                            <div class="sc-field-small">11 m</div>
                                            <div class="sc-field-small">Голове</div>
                                        </div>
                                    </header>
                                    <div class="sc-table-body" id='league-goal-content'>
                                        
                                    </div>
                                </div>
                            </div>
                            <div id="topassists">   
                                <div class="grid">
                                    <div class="col-1-2">
                                        <div class="widget widget-category-dropdown">
                                            <label for="dropdown-season" class="form-select-label">Сезони</label>
                                            <div class="form-select">
                                                <select name="goal-seasons-asists" id="league-asists-dropdown-season">
                                                </select>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="col-1-2">
                                        <div class="widget widget-category-dropdown">
                                            <label for="dropdown-week" class="form-select-label">Отбори</label>
                                            <div class="form-select">
                                                <select name="goal-teams-asists" id="league-asists-dropdown-week">
                                                    <option value="0">Всички</option>
                                                </select>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="sc-table">
                                    <header class="sc-table-head">
                                        <div class="sc-row">
                                            <div class="sc-field-small">#</div>
                                            <div class="sc-player">Играч</div>
                                            <div class="sc-field-small">Асистенции</div>
                                        </div>
                                    </header>
                                    <div class="sc-table-body" id='league-asists-content'>
                                        
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div> <!-- widget -->
             </div>
             <div class="banner-s banner-s-custom">
                <!-- /26641721/sport1.bg/m_box_4 -->
                <div id='div-gpt-ad-1580394023440-0' class="widget widget-banner">
                  <script>
                    googletag.cmd.push(function() { googletag.display('div-gpt-ad-1580394023440-0'); });
                  </script>
                </div>

            </div>
        </div>
    </div>
@endsection

@push('scripts-mobile')
     <script src="{{ asset('dist/js/custom/mobile/league-mobile.js')}}"></script>
@endpush