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

@section('title', 'Начална страница | 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, 100]], 'div-gpt-ad-1580393912000-0').addService(googletag.pubads());
	    googletag.defineSlot('/26641721/sport1.bg/m_box_4', [[300, 300]], 'div-gpt-ad-1580394023440-0').addService(googletag.pubads());
	    googletag.pubads().enableSingleRequest();
	    googletag.pubads().collapseEmptyDivs();
	    googletag.enableServices();
	  });
	</script>
@endsection

@section('structured_data')
	<script type="aplication/ld+json">
      {
          "@context": "http://schema.org",
          "@type": "Organization",
          "url":  "{{ url('/') }}",
          "logo":  "{{ url('resources/image/icon/sport1-logo.png') }}",
          "email": "mailto:office@sport1.bg",
          "description": "Спорт, спортни новини. Футбол, тенис, волейбол, баскетбол и други спортове. Актуални спортни новини за Лудогорец, Левски, ЦСКА, български и европейски футбол. Резултати на живо, анализи, статистика. Спортни видео новини.",
          "name": "Sport1.bg",
          "telephone": "+359",
        "potentialAction": {
            "@type": "SearchAction",
            "target":  "{{ url('/search?word=search_term_string') }}"
         }
      }
	</script>
@endsection

@section('content')
	<div class="global-wrap">
		@include('mobile.layouts._breadcrumb',['pageName'=> 'Новините днес'])

		<div class="widget widget-carousel-2">
			<div class="content">
				@foreach($list['data']['items'] as $article)
					@if($article['data']['live'])
						<a href="{{ url('article/'.$article['data']['id']) }}" title="{{ $article['data']['title'] }}" class="entry">
							@if(isset($article['data']['main_media'][0]['data']['urls']['uploaded']['thumbnail']))
								@if(strpos($article['data']['main_media'][0]['data']['urls']['uploaded']['thumbnail'],'?operations='))
									<div class="image" style="background-image: url({{ substr($article['data']['main_media'][0]['data']['urls']['uploaded']['thumbnail'],0,strrpos($article['data']['main_media'][0]['data']['urls']['uploaded']['thumbnail'],"?operations")) }})">
										<div class="live">
											<i class="icon icon-play-white"></i>
											<span class="label">На живо</span>
										</div>
									</div>
								@else
									<div class="image" style="background-image: url({{ $article['data']['main_media'][0]['data']['urls']['uploaded']['thumbnail'] }})">
										<div class="live">
											<i class="icon icon-play-white"></i>
											<span class="label">На живо</span>
										</div>
									</div>
								@endif
							@elseif(isset($article['data']['main_media'][0]['data']['urls']['uploaded']['embed']))
								@if(strpos($article['data']['main_media'][0]['data']['urls']['uploaded']['embed'],'?operations='))
									<div class="image" style="background-image: url({{ substr($article['data']['main_media'][0]['data']['urls']['uploaded']['embed'],0,strrpos($article['data']['main_media'][0]['data']['urls']['uploaded']['embed'],"?operations")) }})">
										<div class="live">
											<i class="icon icon-play-white"></i>
											<span class="label">На живо</span>
										</div>
									</div>
								@else
									<div class="image" style="background-image: url({{ $article['data']['main_media'][0]['data']['urls']['uploaded']['embed'] }})">
										<div class="live">
											<i class="icon icon-play-white"></i>
											<span class="label">На живо</span>
										</div>
									</div>
								@endif
							@elseif(isset($article['data']['main_media'][0]['data']['urls']['uploaded']['original']))
								@if(strpos($article['data']['main_media'][0]['data']['urls']['uploaded']['original'],'?operations='))
									<div class="image" style="background-image: url({{ substr($article['data']['main_media'][0]['data']['urls']['uploaded']['original'],0,strrpos($article['data']['main_media'][0]['data']['urls']['uploaded']['original'],"?operations")) }})">
										<div class="live">
											<i class="icon icon-play-white"></i>
											<span class="label">На живо</span>
										</div>
									</div>
								@else
									<div class="image" style="background-image: url({{ $article['data']['main_media'][0]['data']['urls']['uploaded']['original'] }})">
										<div class="live">
											<i class="icon icon-play-white"></i>
											<span class="label">На живо</span>
										</div>
									</div>
								@endif
							@else
								<div class="image" style="background-image: url(../resources/image/temp/image_placeholder.png);"></a>
							@endif
							<h4 class="title">{{ $article['data']['title'] }}</h4>
						</a>
					@else
						<a href="{{ url('article/'.$article['data']['id']) }}" title="{{ $article['data']['title'] }}" class="entry">
						@if(isset($article['data']['main_media'][0]['data']['urls']['uploaded']['thumbnail']))
							@if(strpos($article['data']['main_media'][0]['data']['urls']['uploaded']['thumbnail'],'?operations='))
								<div class="image" style="background-image: url({{ substr($article['data']['main_media'][0]['data']['urls']['uploaded']['thumbnail'],0,strrpos($article['data']['main_media'][0]['data']['urls']['uploaded']['thumbnail'],"?operations")) }})"></div>
							@else
								<div class="image" style="background-image: url({{ $article['data']['main_media'][0]['data']['urls']['uploaded']['thumbnail'] }})"></div>
							@endif
						@elseif(isset($article['data']['main_media'][0]['data']['urls']['uploaded']['embed']))
							@if(strpos($article['data']['main_media'][0]['data']['urls']['uploaded']['embed'],'?operations='))
								<div class="image" style="background-image: url({{ substr($article['data']['main_media'][0]['data']['urls']['uploaded']['embed'],0,strrpos($article['data']['main_media'][0]['data']['urls']['uploaded']['embed'],"?operations")) }})"></div>
							@else
								<div class="image" style="background-image: url({{ $article['data']['main_media'][0]['data']['urls']['uploaded']['embed'] }})"></div>
							@endif
						@elseif(isset($article['data']['main_media'][0]['data']['urls']['uploaded']['original']))
							@if(strpos($article['data']['main_media'][0]['data']['urls']['uploaded']['original'],'?operations='))
								<div class="image" style="background-image: url({{ substr($article['data']['main_media'][0]['data']['urls']['uploaded']['original'],0,strrpos($article['data']['main_media'][0]['data']['urls']['uploaded']['original'],"?operations")) }})"></div>
							@else
								<div class="image" style="background-image: url({{ $article['data']['main_media'][0]['data']['urls']['uploaded']['original'] }})"></div>
							@endif
						@else
							<div class="image" style="background-image: url(../resources/image/temp/image_placeholder.png);"></a>
						@endif
						<h4 class="title">{{ $article['data']['title'] }}</h4>
					</a>
					@endif
				@endforeach
			</div>
		</div> <!-- widget -->
		{{-- {{ dd($headingNew) }} --}}
		@if($headingNew !== false && $headingNew['data']['items'][0]['data']['status'] == 'active')
			<div class="box-generic-mobile">
				<div class="widget widget-news-grid leading-new">
					<a href="{{ url('article/'.$headingNew['data']['items'][0]['data']['id']) }}" title="{{ $headingNew['data']['items'][0]['data']['title'] }}" class="item">
						<div class="photo">
							@if(isset($headingNew['data']['items'][0]['data']['main_media'][0]['data']['urls']['uploaded']['embed']))
								<img src="{{ $headingNew['data']['items'][0]['data']['main_media'][0]['data']['urls']['uploaded']['embed'] }}" alt="{{ $headingNew['data']['items'][0]['data']['title'] }}" class="photo">
							@else
								<img src="{{ url('../resources/image/temp/image_placeholder.png') }}" alt="{{ $headingNew['data']['items'][0]['data']['title'] }}" class="photo">
							@endif
						</div>
						<h2 class="title heading-sm">{{ $headingNew['data']['items'][0]['data']['title'] }}</h2>
						{{-- <em class="time">23 November 2018 | 18:18</em> --}}
						<em class="time">{{ substr($headingNew['data']['items'][0]['data']['created_at'],8,2) }} {{ substr($headingNew['data']['items'][0]['data']['created_at'],5,2) }} {{ substr($headingNew['data']['items'][0]['data']['created_at'],0,4) }} | {{ substr($headingNew['data']['items'][0]['data']['created_at'],-14,-9) }}</em>
					</a>
				</div>
			</div>
		@endif
		@include('mobile.layouts._infinite-template',['allArticles' => $allArticlesByDate,'tournaments'=>$tournaments])
@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>
	<script type="text/javascript">
		
		function getStandings(tID){
			var api_url = `https://football.api.sportal365.com/tournaments/${tID}/seasons/latest`;
			var key = 'd5cb82a2ee228f92709fb79f3824134a:8e26cc98e71e0b5d731cd14bf7df97c4';
			var headers = {
					method: 'GET',
					mode: 'cors',
					cache: 'no-cache',
					headers: {
			    "Authorization": "Basic " + btoa(key),
			    "X-Project": "sport1.bg",
			    "Accept-Language": "bg",
			   }
			};
			var request = new Request(api_url,headers);
			let dummy;
			let target = $(`.widget-standings-tournament-${tID}`);
			target.html(' ');
			fetch(request)
			.then((resp) => resp.json())
			.then(function(data){
				let counter = 1;
				let date = new Date(data.stages[0].start_date);
				let dateNow = new Date();
				do{
					date.setDate(date.getDate()+7*counter);
					counter +=1;
				}while(date.getTime() < dateNow.getTime());
				target.siblings('header').find('.tournament-logo').attr('src',data.tournament.url_logo);
				target.siblings('header').find('.tournament-logo').attr('title',data.tournament.name);	
				target.siblings('header').find('.tournament-week').html(`<span>${counter}</span>кръг`);	
				target.siblings('header').find('.tournament-name').text(data.tournament.name);
				for(const temp in data.stages[0].standing){
					let colorClass;
					if(data.stages[0].standing[temp].rank < 4){
						colorClass = 'champions-1';
					}else if(data.stages[0].standing[temp].rank >3 && data.stages[0].standing[temp].rank < 6){
						colorClass = 'europa-1';
					}else if(data.stages[0].standing[temp].rank > (data.stages[0].standing.length - 3)){
						colorClass = 'domestic-5';
					}else{
						colorClass= ' ';
					}
					dummy = `<a class="row" href="./team/${data.stages[0].standing[temp].team.id}" title="${data.stages[0].standing[temp].team.name}">
		                            <div class="st-color st-${colorClass}"> </div>
		                            <div class="st-position">${data.stages[0].standing[temp].rank}</div>
		                            <div class="st-team">
		                                <img data-src="${data.stages[0].standing[temp].team.url_logo}" alt="${data.stages[0].standing[temp].team.name}" class="st-team-logo lazyload">
		                                <span class="st-team-name">${data.stages[0].standing[temp].team.name}</span>
		                            </div>
		                            <div class="st-field-small">${data.stages[0].standing[temp].played}</div>
		                            <div class="st-field-small">${data.stages[0].standing[temp].wins}</div>
		                            <div class="st-field-small">${data.stages[0].standing[temp].draws}</div>
		                            <div class="st-field-small">${data.stages[0].standing[temp].defeits}</div>                                    
		                            <div class="st-goals">${data.stages[0].standing[temp].goals_for}:${data.stages[0].standing[temp].goals_against}</div>
		                            <div class="st-points">${data.stages[0].standing[temp].points}</div>
		                        </a>`;
		            // console.log(dummy)
					target.append(dummy);
				}
			}).catch(function(error){
				// console.log(error);
			});
		}
		function setStandings(){
			let tournamentIDs = [];
			$('.empty-standings').parent().parent().parent().each(function(){
				tournamentIDs.push($(this).data('target'));
			});
			for(let i = 0 ; i < tournamentIDs.length ; i++){
				getStandings(tournamentIDs[i]);
			}
		}
		setStandings();
	</script>
@endpush