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

@section('title', $playerName.' | Sport 1')

@section('structured_data')
<script type="application/ld+json">
     {
       "@context":"http://schema.org",
       "@type":"BreadcrumbList",
       "itemListElement":[
          {
             "@type":"ListItem",
             "position":1,
             "item":{
                "@id":"https://www.sport1.bg/",
                "name":"Sport1.bg"
             }
          },
          {
            "@type": "ListItem",
            "position": 2,
            "name": "{{ $player['name'] }}",
            "item": "{{ url('/').'/player/'.$player['id'] }}"
          }
       ]
    }
</script>
@endsection
@section('content')
   @include('mobile.layouts._breadcrumb',['pageName'=> $playerName])
    <div class="global-wrap">
        <header class="widget widget-heading-mobile-league" id="player-id-{{ $playerID }}">
            <img data-src="src/image/temp/player-5.jpg" alt="{{ $playerName }}" class="player-photo lazyload" id="player-image">
            <div class="league-text">
                <h3 class="league-name heading-md player-name" id="player-name"> </h3>
                <h4 class="league-location player-nationality" id="player-nationality"> </h4>
            </div>
        </header>
        <div class="widget widget-tabs-lined widget-tabs-lined-mobile">
            <ul class="tab-nav"  id="player-nav">
                <li class="active">
                    <a href=" " title="{{ $playerName }} - Информация" data-target="#player-information">Информация</a>
                </li>
                <li>
                    <a href=" " title="{{ $playerName }} - Новини" data-target="#player-news">Новини</a>
                </li>
                <li>
                    <a href="" title="{{ $playerName }} - Кариера" data-target="#player-career">Кариера</a>
                </li>
            </ul>
        </div>
        <div class="player-content">
            <div class="widget widget-team-info active-window player-tabs" id="player-information">
                <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="player-content-nationality"> </span>
                    </li>
                    <li class="entry">
                        <span class="label">Дата на раждане</span>
                        <span class="divider"></span>
                        <span class="content" id="player-birth-date"> </span>
                    </li>
                    <li class="entry">
                        <span class="label">Години</span>
                        <span class="divider"></span>
                        <span class="content" id="player-age"> </span>
                    </li>
                    <li class="entry">
                        <span class="label">Височина (cm)</span>
                        <span class="divider"></span>
                        <span class="content" id="player-height"> </span>
                    </li>
                    <li class="entry">
                        <span class="label">Тегло (kg)</span>
                        <span class="divider"></span>
                        <span class="content" id="player-weight"> </span>
                    </li>
                    <li class="entry">
                        <span class="label">Позиция</span>
                        <span class="divider"></span>
                        <span class="content" id="player-position"> </span>
                    </li>
                     <li class="entry">
                        <span class="label">Клуб</span>
                        <span class="divider"></span>
                        <span class="content" id="player-club"> </span>
                    </li>
                      <li class="entry">
                        <span class="label">Лига</span>
                        <span class="divider"></span>
                        <span class="content" id="player-league"> </span>
                    </li>
                    <li class="entry">
                        <span class="label">Номер на фланелка</span>
                        <span class="divider"></span>
                        <span class="content" id="player-shirt-number"> </span>
                    </li>
                    <li class="entry">
                        <span class="label">Мачове</span>
                        <span class="divider"></span>
                        <span class="content" id="player-played"> </span>
                    </li>
                    <li class="entry">
                        <span class="label">Голове</span>
                        <span class="divider"></span>
                        <span class="content" id="player-goals"> </span>
                    </li>
                    <li class="entry">
                        <span class="label">Асистенции</span>
                        <span class="divider"></span>
                        <span class="content" id="player-assists"> </span>
                    </li>
                    <li class="entry">
                        <span class="label">Жълти картони</span>
                        <span class="divider"></span>
                        <span class="content" id="player-yellow-cards"> </span>
                    </li>
                    <li class="entry">
                        <span class="label">Червени картони</span>
                        <span class="divider"></span>
                        <span class="content" id="player-red-cards"> </span>
                    </li>
                    <li class="entry">
                        <span class="label">Национален отбор</span>
                        <span class="divider"></span>
                        <span class="content" id="player-national"> </span>
                    </li>
                </ul>
            </div> <!-- widget -->

            <div class="box-generic-mobile hidden-window player-tabs" id="player-news">
                <div class="widget widget-news-grid widget-news-grid-horizontal-mobile">
                    @if(count($playerNews) > 0)
                        @if(gettype($playerNews) == "object" && count($playerNews) > 0)
                            <a href="{{ url('/article/'.$playerNews[0]['id']) }}" title="{{ $playerNews[0]['title'] }}" class="item">
                                @if(isset($playerNews[0]['imgPaths']['data']['urls']['uploaded']['original']))
                                    <img class="lazyload" data-src="{{ $playerNews[0]['imgPaths']['data']['urls']['uploaded']['original'] }}" alt="{{ $playerNews[0]['title'] }}">
                                @elseif(isset($playerNews[0]['imgPaths']['data']['urls']['uploaded']['thumbnail']))
                                    <img class="lazyload" data-src="{{ $playerNews[0]['imgPaths']['data']['urls']['uploaded']['thumbnail'] }}" alt="{{ $playerNews[0]['title'] }}">
                                @elseif(isset($playerNews[0]['imgPaths']['data']['urls']['16x9']['770_433']))
                                    <img class="lazyload" data-src="{{ $playerNews[0]['imgPaths']['data']['urls']['16x9']['770_433'] }}" alt="{{ $playerNews[0]['title'] }}">
                                @else
                                    <img class="lazyload" data-src="../resources/image/temp/image_placeholder.png" alt="{{ $playerNews[0]['title'] }}">
                                @endif
                                <div class="text-wrap">
                                    <em class="category">{{ $playerNews[0]['categories']['title'] }}</em>
                                    
                                    <h3 class="title heading-sm">{{ $playerNews[0]['title'] }}</h3>
                                </div>
                            </a>
                        @else
                            @foreach($playerNews as $news)
                               <a href="{{ url('/article/'.$news[$temp]['id']) }}" title="{{ $news[$temp]['title'] }}" class="item">
                                    @if(isset($news[$temp]['imgPaths']['data']['urls']['uploaded']['original']))
                                        <img class="lazyload" data-src="{{ $news[$temp]['imgPaths']['data']['urls']['uploaded']['original'] }}" alt="{{ $news[$temp]['title'] }}">
                                    @elseif(isset($news[$temp]['imgPaths']['data']['urls']['uploaded']['thumbnail']))
                                        <img class="lazyload" data-src="{{ $news[$temp]['imgPaths']['data']['urls']['uploaded']['thumbnail'] }}" alt="{{ $news[$temp]['title'] }}">
                                    @elseif(isset($news[$temp]['imgPaths']['data']['urls']['16x9']['770_433']))
                                        <img class="lazyload" data-src="{{ $news[$temp]['imgPaths']['data']['urls']['16x9']['770_433'] }}" alt="{{ $news[$temp]['title'] }}">
                                    @else
                                        <img class="lazyload" data-src="../resources/image/temp/image_placeholder.png" alt="{{ $news[$temp]['title'] }}">
                                    @endif
                                    <div class="text-wrap">
                                        <em class="category">{{ $news[$temp]['categories']['title'] }}</em>
                                        
                                        <h3 class="title heading-sm">{{ $news[$temp]['title'] }}</h3>
                                    </div>
                                </a>
                            @endforeach
                        @endif
                    @else
                        <h4>В момента няма новини свързани с този футболист</h4>
                    @endif
                </div> <!-- widget -->
            </div> <!-- box -->
            <div class="widget widget-player-career hidden-window player-tabs" id="player-career">
                <div class="widget widget-category-dropdown">
                    <div class="form-select">
                        <select name="" id="player-content-nav">
                            <option value="#player-table-clubs" selected="true">Клубна</option>
                            <option value="#player-table-national">Национална</option>
                        </select>
                    </div>
                </div>
                <div class="player-table" id="player-table-clubs">
                    <header class="table-head">
                        <div class="table-row">
                            <div class="cell cell-left cell-8">Сезон</div>
                            <div class="cell">Л</div>
                            <div class="cell">П</div>
                            <div class="cell">М</div>
                            <div class="cell">Г</div>
                            <div class="cell">А</div>
                            <div class="cell">ЖК</div>
                            <div class="cell">РК</div>
                        </div>
                    </header>
                    <div class="table-body">
                        
                    </div> <!-- body -->
                    <footer class="table-foot">
                        <div class="table-row">
                            <div class="cell empty cell-9"></div>
                            <div class="cell cell-3">Общо</div>
                            <div class="cell player-footer-played"> </div>
                            <div class="cell player-footer-minutes"> </div>
                            <div class="cell player-footer-goals"> </div>
                            <div class="cell player-footer-assists"> </div>
                            <div class="cell player-footer-yellow-cards"> </div>
                            <div class="cell player-footer-red-cards"> </div>
                        </div>
                    </footer>
                </div>

                <div class="player-table" id="player-table-national" style="display:none">
                    <header class="table-head">
                        <div class="table-row">
                            <div class="cell cell-left cell-8">Сезон</div>
                             <div class="cell">Л</div>
                            <div class="cell">П</div>
                            <div class="cell">М</div>
                            <div class="cell">Г</div>
                            <div class="cell">А</div>
                            <div class="cell">ЖК</div>
                            <div class="cell">РК</div>>
                        </div>
                    </header>
                    <div class="table-body">
                    </div> <!-- body -->
                </div>
            </div> <!-- widget -->
        </div>
    </div>
@endsection

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