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

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

@section('structured_data')
    <script type="application/ld+json">
        {
            "@context": " "http://schema.org"",
            "@type": "BreadcrumbList",
             "itemListElement": [{
                "@type": "ListItem",
                "position": 1,
                "name": "Футбол",
                "item": "{{ url('').'/category/102' }}"
              },{
                "@type": "ListItem",
                "position": 2,
                "name": "{{ $team['name'] }}",
                "item": "{{ url('/team/'.$team['id']) }}"
              }]
        }
    </script>
@endsection
@section('content')
    @include('mobile.layouts._breadcrumb',['pageName'=> $team['name']])
    <div class="global-wrap team-info" id="{{ $teamID }}">
        <header class="widget widget-heading-mobile-league">
            <img src=" " alt="" class="league-logo team-logo-mobile">
            <div class="league-text">
                <h3 class="league-name heading-md team-name" id="team-name"> </h3>
                <h4 class="league-location" id="team-overview-country"> </h4>
            </div>
        </header>
        <div class="widget widget-tabs-lined widget-tabs-lined-mobile">
            <ul class="tab-nav" id="team-nav">
                <li class="active active-nav-item">
                    <a href="#tab-1" data-target="team-overview" title="{{ $team['name'] }} - Информация">Информация</a>
                </li>
                <li class="active-nav-item">
                    <a href="#tab-3"  data-target="team-standings" title="{{ $team['name'] }} - Класиране">Класиране</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="#tab-4"  data-target="team-fixtures" title="{{ $team['name'] }} - Мачове">Мачове</a>
                </li>
                <li class="hidden-nav-item">
                    <a href="#tab-5" data-target="team-squad" title="{{ $team['name'] }} - Играчи">Играчи</a>
                </li>
            </ul>
            <div class="box-generic-mobile">
                <div class="widget widget-news-grid active-window" id="team-overview">
                    <div class="article-photo pt-2">
                        <img data-src=" " alt="" class="news-photo custom-article-image lazyload" id="team-overview-top-content-image">
                    </div>
                    
                    <div class="widget widget-news-article-share">
                        <ul class="share-media">
                            <li class="share-media-item">
                                <div class="fb-like" data-href="{{ url('/team/'.$team['id']) }}" data-width="" data-layout="button" data-action="like" data-size="large" data-share="true"></div>
                            </li>
                        </ul>
                    </div>
                    <div class="widget widget-team-info">
                        <header class="widget widget-heading-generic">
                            <h2 class="title heading-xl">
                                <a href="" title="">Информация за отбора</a>
                            </h2>
                        </header>

                        <ul class="team-properties">
                            <li class="entry">
                                <span class="label">Създаден</span>
                                <span class="divider"></span>
                                <span class="content" id="team-overview-founded"> </span>
                            </li>
                            <li class="entry">
                                <span class="label">Лига</span>
                                <span class="divider"></span>
                                <span class="content" id="team-overview-league"> </span>
                            </li>
                            <li class="entry">
                                <span class="label">Трениор</span>
                                <span class="divider"></span>
                                <span class="content" id="team-overview-coach"> </span>
                            </li>
                            <li class="entry">
                                <span class="label">Стадион</span>
                                <span class="divider"></span>
                                <span class="content" id="team-overview-stadium"> </span>
                            </li>
                             <li class="entry">
                                <span class="label">Капацитет</span>
                                <span class="divider"></span>
                                <span class="content" id="team-overview-capacity"> </span>
                            </li>
                            <li class="entry">
                                <span class="label">Град</span>
                                <span class="divider"></span>
                                <span class="content" id="team-overview-city"> </span>
                            </li>
                            <li class="entry">
                                <span class="label">Сайт</span>
                                <span class="divider"></span>
                                <span class="content" id="team-overview-website" > </span>
                            </li>
                        </ul>
                    </div>
                    
                    <div class="widget widget-news-grid widget-news-grid-horizontal-mobile">
                        <header class="widget widget-heading-generic">
                            <h4 class="title heading-xl">Новини</h4>
                        </header>
                        @if(gettype($teamArticles) == "object" && count($teamArticles) > 0)
                            @if(count($teamArticles) == 1)
                                 <a href="{{ url("article/".$teamArticles[0]['id']) }}" title="{{ $teamArticles[0]['title'] }}" class="item grid">
                                    <div class="photo col-1-2">
                                        @if(isset($teamArticles[0]['imgPaths']['data']['urls']['uploaded']['thumbnail']))
                                            <img class="lazyload" data-src="{{ $teamArticles[0]['imgPaths']['data']['urls']['uploaded']['thumbnail'] }}" alt="{{ $teamArticles[0]['title'] }}">
                                        @else
                                            <img class="lazyload" data-src="../resources/image/temp/image_placeholder.png" alt="{{ $teamArticles[0]['title'] }}">
                                        @endif
                                    </div>
                                    <div class="col-1-2">
                                        <h2 class="title heading-xxs">{{ $teamArticles[0]['title'] }}</h2>
                                        @if(isset($teamArticles[0]['updated']))
                                            <em class="time time-custom time-updated">
                                                @include('layouts.logos.icons.updated',['width'=>'13px','height'=>'13px','fill'=>'gray'])
                                                {{ date('d F Y',strtotime(substr($teamArticles[0]['updated'],0, strpos($teamArticles[0]['updated'],' ')))).' | '.substr($teamArticles[0]['updated'],-8,-3) }}
                                            </em>
                                        @else
                                            <em class="time time-custom">
                                                {{ date('d F Y',strtotime(substr($teamArticles[0]['fromDate'],0, strpos($teamArticles[0]['fromDate'],' ')))).' | '.substr($teamArticles[0]['fromDate'],-8,-3) }}
                                            </em>
                                        @endif
                                    </div>
                                </a>
                            @else
                                @foreach($teamArticles as $article)
                                    <a href="{{ url("article/".$article['id']) }}" title="{{ $article['title'] }}" class="item grid">
                                        <div class="photo col-1-2">
                                            @if(isset($article['imgPaths']['data']['urls']['uploaded']['thumbnail']))
                                                <img class="lazyload" data-src="{{ $article['imgPaths']['data']['urls']['uploaded']['thumbnail'] }}" alt="{{ $article['title'] }}">
                                            @else
                                                <img class="lazyload" data-src="../resources/image/temp/image_placeholder.png" alt="{{ $article['title'] }}">
                                            @endif
                                        </div>
                                        <div class="col-1-2">
                                            <h2 class="title heading-xxs">{{ $article['title'] }}</h2>
                                            @if(isset($articles['updated']))
                                                <em class="time time-custom time-updated">
                                                    @include('layouts.logos.icons.updated',['width'=>'13px','height'=>'13px','fill'=>'gray'])
                                                    {{ $article['updated'] }}
                                                </em>
                                            @else
                                                <em class="time time-custom">
                                                    {{ $article['fromDate'] }}
                                                </em>
                                            @endif
                                        </div>
                                    </a>
                                @endforeach
                            @endif
                        @else
                            <h4>В момента няма налични новини свързани с {{ $team['name'] }}</h4>
                        @endif
                    </div> <!-- widget -->

                    <div class="widget widget-prediction-poll-mobile wrap-padding">
                        <header class="widget widget-heading-generic">
                            <h4 class="title heading-xl">Следваща среща</h4>
                        </header>

                        <div class="prediction-content" id="team-overview-next-match">
                           
                        </div> <!-- prediction-content -->
                    </div>
                    <div class="widget widget-team-form">
                        <header class="widget widget-heading-generic">
                            <h2 class="title heading-xl">
                                <a href="" title="">Форма</a>
                            </h2>
                        </header>

                        
                        <div class="bar-percentage" id="team-overview-form-percent"> </div>

                        <div class="bar-wrap">
                            <div class="bar-logo">
                                <img data-src=" " alt="{{ $team['name'] }}" class="team-logo-mobile lazyload">
                            </div>

                            <div class="bar-track" id="team-overview-form-bar-track">
                                <div class="bar-fill"></div>
                            </div>

                            <ul class="bar-labels">
                                <li class="bar-labels-item">Отлична</li>
                                <li class="bar-labels-item">Много добра</li>
                                <li class="bar-labels-item">Добра</li>
                                <li class="bar-labels-item">Лоша</li>
                            </ul>
                        </div>
                        <div class="match-symbols" id="team-overview-form-matches"></div>
                    </div>
                    <div class="widget widget-team-ranking widget-team-form">
                        <header class="widget widget-heading-generic">
                            <h2 class="title heading-xl">
                                <a href="" title="">Класиране</a>
                            </h2>
                        </header>
                        <div class="bar-league">
                            <img src="{{ url('../resources/image/temp/category-1.png') }}" alt="{{ $team['name'] }} - Лига" class="logo " id="team-overview-rankings-logo">
                            <h5 class="title" id="team-overview-rankings-logo" id="team-overview-rankings-name"> </h5>
                        </div>
                        <div class="bar-wrap">
                            <div class="bar-logo">
                                <img src="{{ url('../resources/image/temp/team-5.png') }}" alt="{{ $team['name'] }}" class="team-logo-mobile">
                            </div>

                            <div class="bar-track">
                                <ul class="bar-list">
                                    <li class="bar-list-item primary" id="team-overview-rankings-rank"> </li>
                                    <li class="bar-list-item" id="team-overview-rankings-wins"> </li>
                                    <li class="bar-list-item" id="team-overview-rankings-draws"> </li>
                                    <li class="bar-list-item" id="team-overview-rankings-losts"> </li>
                                    <li class="bar-list-item secondary" id="team-overview-rankings-points"> </li>
                                </ul>
                            </div>

                            <ul class="bar-labels">
                                <li class="bar-labels-item">Място</li>
                                <li class="bar-labels-item">Победи</li>
                                <li class="bar-labels-item">Равенства</li>
                                <li class="bar-labels-item">Загуби</li>
                                <li class="bar-labels-item">Точки</li>
                            </ul>
                        </div>
                        <a  href="#tab-3" id="btn-viewStandings" class="btn-link" title="Виж класирането" data-target="team-standings">Виж класирането</a>
                        <div class="team-ranking-players grid">
                            <a href="" class="entry col-1-2" title="" id="team-overview-most-goals">
                            </a>
                            <a href="" class="entry col-1-2" title="" id="team-overview-most-assists">
                            </a>
                            <a href="" class="entry col-1-2" title="" id="team-overview-most-yellow-cards">
                            </a>
                            <a href="" class="entry col-1-2" title="" id="team-overview-most-red-cards">
                            </a>
                        </div>
                    </div>
                </div> <!-- widget -->
                <div class="widget widget-news-grid hidden-window" id="team-fixtures">
                   <ul class="heading-tabs heading-tabs-mobile" id="team-fixtures-content-nav">
                        <li class="active">
                            <a href="" data-target="#tab-not-finished-matches" title="Предстоящи">Предстоящи</a>
                        </li>
                        <li class="">
                            <a href="" data-target="#tab-finished-matches" title="Завършени">Завършени</a>
                        </li>
                    </ul>
                    <div class="tabs" id="matches-tabs">
                        <div id="tab-not-finished-matches" class="active-tab widget widget-livescore-list widget-livescore-list-team">
                            
                        </div>
                        <div id="tab-finished-matches" class="widget widget-livescore-list widget-livescore-list-team">
                            {{-- @include('team.team-results-content') --}}
                        </div>
                    </div>
                </div> <!-- widget -->
                <div class="widget widget-league-standings widget-standings-list hidden-window" id="team-standings">
                   <div class="widget widget-category-dropdown">
                        <div class="form-select">
                            <select name="" id="teams-standings-seasons">
                            </select>
                        </div>
                    </div>
                    <div class="widget widget-league-standings widget-standings-list">
                        <div class="st-table">
                            <div class="st-table-body" id="team-standings-desktop-content">
                            </div> <!-- body -->
                        </div> <!-- table -->
                    </div>
                </div> <!-- widget -->

                <div id="team-squad" class="hidden-window widget widget-news-grid">
                    <div class="widget widget-team-squad" id="squad-content-table">
                        <header class="squad-header">
                            <h4 class="name">Вратари</h4>
                        </header>
                        <div class="squad-list" id="squad-list-keepers">
                        </div> <!-- squad-list -->

                        <header class="squad-header">
                            <h4 class="name">Защитници</h4>
                        </header>
                        <div class="squad-list" id="squad-list-defenders">
                        </div> <!-- squad-list -->

                        <header class="squad-header">
                            <h4 class="name">Халфове</h4>
                        </header>
                        <div class="squad-list"  id="squad-list-midfielders">
                        </div> <!-- squad-list -->

                        <header class="squad-header">
                            <h4 class="name">Нападатели</h4>
                        </header>
                        <div class="squad-list" id="squad-list-forwards">
                        </div> <!-- squad-list -->
                    </div>
                </div>
            </div> <!-- box -->
        </div> <!-- tabs -->
    </div>
@endsection

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