@extends('layouts.app') 

@section('title',$article['title'].' | Sport1')

@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/d_horizontal_1', [[728, 90], [750, 200]], 'div-gpt-ad-1580308155760-0').addService(googletag.pubads());

    googletag.pubads().enableSingleRequest();
    googletag.pubads().setCentering(true);
    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('/category').'/'.$article['categories']['id'] }}",
                "name": "{{ $article['categories']['title'] }}"
              }
            },
            {
              "@type": "ListItem",
              "position": 3,
              "item": {
                "@id": "{{ url('article/').'/'.$article['id'] }}",
                "name": "{{ $article['title'] }}"
              }
            }
          ]
    }
 </script>
@endsection

@section('content') 
    @if(isset($article['categories']))
        @if(count($relatedTeam)> 0)
             <header class="widget widget-header-breadcrumb wrap-width">
                <nav class="breadcrumb-list" id="bread-crumbs">
                    <a href="{{ url('/') }}" title="Начална страница" class="breadcrumb-entry">Начална страница</a>
                    <a href="{{ url('./category').'/'.$article['categories']['id'] }}" title="{{ $article['categories']['title'] }}" class="breadcrumb-entry">{{ $article['categories']['title'] }}</a>
                   <a href="{{ url('./team').'/'.array_values($relatedTeam)[mt_rand(0,(count($relatedTeam)-1))]['data']['id'] }}" title="{{ array_values($relatedTeam)[mt_rand(0,(count($relatedTeam)-1))]['data']['name'] }}" class="breadcrumb-entry">{{ array_values($relatedTeam)[mt_rand(0,(count($relatedTeam)-1))]['data']['name'] }}</a>
                   <a {{-- href="" --}} title="{{ $article['title'] }}" class="breadcrumb-entry">{{ $article['title'] }}</a>
                </nav>
            </header>
        @elseif(count($relatedPlayer) > 0)
             <header class="widget widget-header-breadcrumb wrap-width">
                <a href="{{ url('/') }}" title="Начална страница" class="breadcrumb-entry">Начална страница</a>
                    <a href="{{ url('./category').'/'.$article['categories']['id'] }}" title="{{ $article['categories']['title'] }}" class="breadcrumb-entry">{{ $article['categories']['title'] }}</a>
                   <a href="{{ url('./player').'/'.array_values($relatedTeam)[mt_rand(0,(count($relatedTeam)-1))]['data']['id'] }}" title="{{ array_values($relatedPlayer)[mt_rand(0,(count($relatedPlayer)-1))]['data']['name'] }}" class="breadcrumb-entry">{{ array_values($relatedPlayer)[mt_rand(0,(count($relatedPlayer)-1))]['data']['name'] }}</a>
                   <a {{-- href="" --}} title="{{ $article['title'] }}" class="breadcrumb-entry">{{ $article['title'] }}</a>
              </header>
        @else
            <header class="widget widget-header-breadcrumb wrap-width">
                <a href="{{ url('/') }}" title="Начална страница" class="breadcrumb-entry">Начална страница</a>
                    <a href="{{ url('./category').'/'.$article['categories']['id'] }}" title="{{ $article['categories']['title'] }}" class="breadcrumb-entry">{{ $article['categories']['title'] }}</a>
                   <a {{-- href="" --}} title="{{ $article['title'] }}" class="breadcrumb-entry">{{ $article['title'] }}</a>
              </header>
        @endif
    @endif
    <div class="wrap-width">
        <div class="grid">
            <div class="col-minus-sidebar-1">
                <div class="widget widget-news-article box-generic">
                    <h1 class="article-title heading-lg">{{ $article['title'] }}</h1>
                    @if(isset($article['updated']))
                        <em class="article-time time-updated time">
                            @include('layouts.logos.icons.updated',['width'=>'15px','height'=>'15px','fill'=>'gray'])
                            {{ date('d F Y',strtotime(substr($article['updated'],0, strpos($article['updated'],' ')))).' | '.substr($article['updated'],-8,-3) }}
                        </em>
                    @else
                        <em class="article-time time">{{ date('d F Y',strtotime(substr($article['fromDate'],0, strpos($article['fromDate'],' ')))).' | '.substr($article['fromDate'],-8,-3) }}</em>
                    @endif
                    <div class="article-photo" id="main-article-photo">
                        @if(isset($article['imgPaths']['data']['urls']['uploaded']['gallery']))
                            <img class="lazyload" data-src="{{ $article['imgPaths']['data']['urls']['uploaded']['gallery'] }}" alt="{{ $article['title'] }}">
                        @elseif(isset($article['imgPaths']['data']['urls']['16x9']['770_433']))
                            <img class="lazyload" data-src="{{ $article['imgPaths']['data']['urls']['16x9']['770_433'] }}" alt="{{ $article['title'] }}">
                        @else
                            <img class="lazyload" data-src="../resources/image/temp/image_placeholder.png" alt="{{ $article['title'] }}">
                        @endif
                    </div>
                    <div class="widget widget-news-article-share wrap-padding">
                        <strong class="share-count" id="share-counter"> </strong>
                        <span class="share-divider"></span>
                        <ul class="share-media">
                            <li class="share-media-item">
                                <div class="fb-like" data-href="{{ url('/article/'.$article['id']) }}" data-width="" data-layout="button_count" data-action="like" data-size="large" data-share="true"></div>
                            </li>
                            <li class="share-media-item">
                                <a rel="me" href="https://twitter.com/intent/tweet?text={{ $article['title'] }} - {{ url('article/'.$article['id']) }}&hashtags=Sport1,{{ str_replace(" ","",$article['title']) }}" title="{{ $article['title'].' - Tweet' }}" target="_blank" class="share-media-twitter"></a>
                            </li>
                            <li class="share-media-item">
                                <a href="https://wa.me/?text={{ $article['title'] }} - {{ url('article/'.$article['id']) }}" title="{{ $article['title'].' - WhatsApp' }}" target="_blank" class="share-media-whatsapp"></a>
                            </li>
                            <li class="share-media-item">
                                <a href="viber://forward?text={{ $article['title'] }} - {{ url('article/'.$article['id']) }}" title="{{ $article['title'].' - WhatsApp' }}" target="_blank" class="share-media-viber"></a>
                            </li>
                            <li class="share-media-item">
                                <a href="mailto:?subject={{ $article['title'] }} - Прочетете повече на: {{ url('article/'.$article['id']) }}" title="{{ $article['title'].' - Mail' }}" target="_blank" class="share-media-mail"></a>
                            </li>
                            <li class="share-media-item">
                                <a id="share-url" title="{{ $article['title'].' - Coppy Link' }}" href="#" onclick="copyToClipboard();" class="share-media-share btn-coppy"></a>
                            </li>
                        </ul>
                        <a href="#news-comments" title="" class="share-comments">
                        <i class="icon icon-comments"></i>
                        <span class="fb-comments-count" data-href="{{ url('./article/'.$article['id']) }}"></span>
                    </a>
                   </div> 
                    <div class="editor-content">
                        {!! $article['content'] !!}
                        @if(isset($article['owner']))
                        <div class="widget widget-news-article-footer">
                            <a {{-- href="" --}} title="" class="article-author">
                                <img data-src="{{ url('./resources/image/temp/player_icon.png') }}" alt="{{ $article['owner'] }}" class="photo lazyload">
                                <div class="text-wrap">
                                    <h5 class="name">{{ $article['owner'] }}</h5>
                                    <h6 class="position">Спортни новини</h6>
                                </div>
                            </a>
                        </div>
                        @endif
                    </div>
                    <!-- editor-content -->
                    <ul class="article-tags">
                        @if(count($relatedTeam)>1)
                            @foreach($relatedTeam as $team)
                            <li class="relatedTeam" data-team="{{ $team['data']['id'] }}">
                                <a href="{{ url('/team/'.$team['data']['id']) }}" title="{{ $team['data']['name'] }}">
                                    @if(isset($team['data']['url_logo']))
                                    <img data-src="{{ $team['data']['url_logo'] }}" alt="{{ $team['data']['name'] }}" class="image lazyload">
                                    @else
                                    <img src="{{ url('../resources/image/temp/image_placeholder.png') }}" alt="{{ $team['data']['name'] }}" class="image">
                                    @endif
                                    <h6 class="label">{{ $team['data']['name'] }}</h6>
                                </a>
                            </li>
                            @endforeach
                        @elseif(count($relatedTeam) == 1)
                        {{-- {{ dd(reset($relatedTeam)) }} --}}
                            <li class="relatedTeam" data-team="{{ reset($relatedTeam)['data']['id'] }}">
                                <a href="{{ url('/team/'.reset($relatedTeam)['data']['id']) }}" title="{{ reset($relatedTeam)['data']['name'] }}">
                                    @if(isset(reset($relatedTeam)['data']['url_logo']))
                                    <img data-src="{{ reset($relatedTeam)['data']['url_logo'] }}" alt="{{ reset($relatedTeam)['data']['name'] }}" class="image lazyload">
                                    @else
                                    <img data-src="{{ url('../resources/image/temp/image_placeholder.png') }}" alt="{{ reset($relatedTeam)['data']['name'] }}" class="image lazyload">
                                    @endif
                                    <h6 class="label">{{ reset($relatedTeam)['data']['name'] }}</h6>
                                </a>
                            </li>
                        @else
                           
                        @endif
                    </ul>
                    <ul class="article-tags">
                        @if(count($relatedPlayer)>1)
                            @foreach($relatedPlayer as $player)
                            <li>
                                <a href="{{ url('/player/'.$player['data']['id']) }}" title="{{ $player['data']['name'] }}">
                                    @if(isset($player['data']['url_thumb']))
                                    <img data-src="{{ $player['data']['url_thumb'] }}" alt="{{ $player['data']['name'] }}" class="image lazyload">
                                    @else
                                    <img data-src="{{ url('../resources/image/temp/image_placeholder.png') }}" alt="{{ $player['data']['name'] }}" class="image lazyload">
                                    @endif
                                    <h6 class="label">{{ $player['data']['name'] }}</h6>
                                </a>
                            </li>
                            @endforeach
                        @elseif(count($relatedPlayer) ==1)
                            <li>
                                <a href="{{ url('/player/'.reset($relatedPlayer)['data']['id']) }}" title="{{ reset($relatedPlayer)['data']['name'] }}">
                                    @if(isset(reset($relatedPlayer)['data']['url_thumb']))
                                    <img data-src="{{ reset($relatedPlayer)['data']['url_thumb'] }}" alt="{{ reset($relatedPlayer)['data']['name'] }}" class="image lazyload">
                                    @else
                                    <img data-src="{{ url('../resources/image/temp/image_placeholder.png') }}" alt="{{ reset($relatedPlayer)['data']['name'] }}" class="image lazyload">
                                    @endif
                                    <h6 class="label">{{ reset($relatedPlayer)['data']['name'] }}</h6>
                                </a>
                            </li>
                        @else
                            
                        @endif
                    </ul>
                    <!-- article-tags -->
                    @if(count($relatedArticle) !== 0)
                        <div class="widget widget-news-article-related">
                            <h4 class="heading heading-xs">Свързани новини</h4>
        					<br>
                            <ul>
                                @if(count($relatedArticle) == 1)
                                    <li>
                                        <a href="{{ url('article/'.reset($relatedArticle)['data']['id']) }}" title="{{ reset($relatedArticle)['data']['title'] }}" class="news-list-link">
                                            <i class="icon icon-link"></i>
                                            <h5 class="title">{{ reset($relatedArticle)['data']['title'] }}</h5>
                                        </a>
                                    </li>
                                @else
                                    @foreach($relatedArticle as $related)
                                        <li>
                                            <a href="{{ url('article/'.$related['data']['id']) }}" title="{{ $related['data']['title'] }}" class="news-list-link">
                                                <i class="icon icon-link"></i>
                                                <h5 class="title">{{ $related['data']['title'] }}</h5>
                                            </a>
                                        </li>
                                    @endforeach
                                @endif
                            </ul>
                        </div>
                    @elseif(count($fromSameCategory) !== 0)
                        <div class="widget widget-news-article-related">
                            <h4 class="heading heading-xs">От същата категория</h4>
                            <br>
                            <ul>
                               @foreach($fromSameCategory as $related)
                                    <li>
                                        <a href="{{ url('article/'.$related['id']) }}" title="{{ $related['title'] }}" class="news-list-link">
                                            <i class="icon icon-link"></i>
                                            <h5 class="title">{{ $related['title'] }}</h5>
                                        </a>
                                    </li>
                                @endforeach
                            </ul>
                        </div>
                    @endif
                    <!-- widget -->
                </div>
                <!-- /26641721/sport1.bg/d_horizontal_1 -->
            <div class="widget widget-banner" id='div-gpt-ad-1580308155760-0' style="margin-top:30px; width:728px; height:90px;">
              <script>
                googletag.cmd.push(function() { googletag.display('div-gpt-ad-1580308155760-0'); });
              </script>
            </div>
                <!-- box -->
                <div class="widget widget-news-article box-generic">
                    <div class="fb-comments" data-href="{{ url('/article/'.$article['id']) }}" data-width="auto" data-numposts="5">
                        
                    </div>
                </div>
            </div>
            <!-- col-minus-sidebar-1 -->
            @include('layouts.sidebars._news-side-bar',['latesarticles' => $latestArticles])
        </div>
    </div>
 @endsection

@push('scripts')
        <script src="{{ asset('dist/js/custom/desktop/news-desktop.js')}}"></script>
        <script src="{{ asset('dist/js/custom/desktop/single-new-desktop.js')}}"></script>
        <script>
            function copyToClipboard() {
              var $temp = "<input id='temp' />";
              console.log($temp);
              $("body").append($temp);
              $("#temp").val(String(window.location)).select();
              document.execCommand("copy");
              $("#temp").remove();
            }
            $("div[data-widgetid]").css({"margin-left":"5%","width":"90%"});
             $(document).ready(function() {
                setTimeout(function(){
                    let target = $("div[data-widgetid|='player-h2h']");
                    if(typeof target !== 'undefined' && target.length > 0){
                        let player1 = target.data('options').playerOne.playerId;
                        let player1_name = target.children('.main-container').children('.header').children('.player-container:first-child').children('.player-name').text();
                        let player2 = target.data('options').playerTwo.playerId;
                        let player2_name = target.children('.main-container').children('.header').children('.player-container:last-child').children('.player-name').text();
                        target.children('.main-container').children('.header').children('.player-container:first-child').wrap(`<a href='../player/${player1}' title="${player1_name}"></a>`);
                        target.children('.main-container').children('.header').children('.player-container:last-child').wrap(`<a href='../player/${player2}' title="${player2_name}"></a>`);
                    }
                    var counter = $("#share-counter").text();
                    var dummy = `<div class="article-views">
                                    <span class="label">Видяно</span>
                                    <i class="icon icon-views-count"></i>
                                    <span class="count">${counter}</span>
                                </div>`;
                    $(".widget-news-article-footer").append(dummy);
                },5000);
            });

          
        </script>
@endpush