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

@section('title', $newestArticle['categories']['title'].' | Sport 1')

@section('banner_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":"https:sport1.bg",
                    "name":"Sport1.bg"
                 }
              },
              {
                 "@type":"ListItem",
                 "position":2,
                 "item":{
                    "@id":"https://sport1.bg/category/{{ $category['id'] }}",
                    "name":"{{ $category['title'] }}"
                 }
              }
           ]
        }
    </script>
@endsection
@section('content')

    <div class="global-wrap">
        @include('mobile.layouts._breadcrumb',['pageName'=> $newestArticle['categories']['title']])
        <div class="box-generic-mobile">
                @include('mobile.layouts._infinite-template',['allArticles'=>$allArticlesByDate])
        </div>
      <div id='div-gpt-ad-1580393912000-0' class="widget widget-banner">
        <script>
          googletag.cmd.push(function() { googletag.display('div-gpt-ad-1580393912000-0'); });
        </script>
      </div>
    </div>
@endsection
@push('scripts-mobile')
    <script src="{{ asset('dist/js/jscroll-master/dist/jquery.jscroll.min.js') }}"></script>
    <script type="text/javascript">
        $('ul.pagination').hide();
            $(function() {
                $('.infinite-scroll').jscroll({
                    autoTrigger: true,
                    loadingHtml: '',
                    padding: 0,
                    nextSelector: '.pagination li.active + li a',
                    contentSelector: 'div.infinite-scroll',
                    callback: function() {
                        setTimeout(function(){
                          setStandings();
                          translateMonth();
                        },1500);
                        $('ul.pagination').remove();
                    }
                });
            });
    </script>
@endpush