@extends('layouts.app')

@section('title', 'LiveScore | 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/d_vertical_top', [[300, 600], [300, 250], [160, 600]], 'div-gpt-ad-1580307592843-0').addService(googletag.pubads());
    googletag.pubads().enableSingleRequest();
    googletag.pubads().collapseEmptyDivs();
    googletag.enableServices();
  });
</script>

<script>
  window.googletag = window.googletag || {cmd: []};
  googletag.cmd.push(function() {
    googletag.defineSlot('/26641721/sport1.bg/d_vertical_2', [[300, 250], [300, 300]], 'div-gpt-ad-1580308500353-0').addService(googletag.pubads());
    googletag.pubads().enableSingleRequest();
    googletag.pubads().collapseEmptyDivs();
    googletag.enableServices();
  });
</script>

@endsection

@section('content')
	@include('layouts._breadcrumb',['pageName'=>['LiveScores']])
	<div class="wrap-width">
			<div class="grid">
				<div class="col-1">
					<header class="widget widget-heading-large">
						<i class="icon icon-h-livescores"></i>
						<h2 class="title heading-md">
							<a href="" title="">LiveScores</a>
						</h2>
						 <ul class="heading-tabs">
							<li class="calendar-trigger right">
								<label for="desktop-livescore-calendar"><span class="label">Календар</span></label>
								<i class="icon icon-calendar"></i>
								<input type="text" class="calendar-trigger-input" id="desktop-livescore-calendar">
							</li>
						</ul> 
					</header>

					<div class="widget widget-carousel-livescore-dates box-generic">
						<div class="content" id="livescore-dates">
							<a href="" title="" class="entry" data-value="4">
								<h5 class="day"> </h5>
								<h4 class="date"> </h4>
							</a>
							<a href="" title="" class="entry" data-value="3">
								<h5 class="day"> </h5>
								<h4 class="date"> </h4>
							</a>
							<a href="" title="" class="entry" data-value="2">
								<h5 class="day"> </h5>
								<h4 class="date"> </h4>
							</a>
							<a href="" title="" class="entry" data-value="1">
								<h5 class="day">Tod ay</h5>
								<h4 class="date"> </h4>
							</a>
							<a href="" title="" class="entry  active-date" data-value="5">
								<h5 class="day"> </h5>
								<h4 class="date"> </h4>
							</a>
							<a href="" title="" class="entry" data-value="6">
								<h5 class="day"> </h5>
								<h4 class="date"> </h4>
							</a>
							<a href="" title="" class="entry" data-value="7">
								<h5 class="day"> </h5>
								<h4 class="date"> </h4>
							</a>
							<a href="" title="" class="entry" data-value="8">
								<h5 class="day"> </h5>
								<h4 class="date"> </h4>
							</a>							
							<a href="" title="" class="entry" data-value="9">
								<h5 class="day"> </h5>
								<h4 class="date"> </h4>
							</a>
						</div>
			
						<nav class="arrows">
							<button class="prev"></button>
							<button class="next"></button>
						</nav>
					</div> <!-- carousel -->
				</div> <!-- widget -->
				
				<div class="col-minus-sidebar-1">
					<div class="widget widget-livescore-list">
						<header class="widget widget-heading-small mt-3">
							<h2 class="title heading-md">
								<a href="" title="">Футбол</a>
							</h2>
	
							<ul class="heading-tabs">
								<li class="right">
									<div class="toggle-switch toggle-switch-odds">
										<input type="checkbox" name="toggle_odds" id="toggle-odds-1" class="toggle-switch-input" checked>
										<label for="toggle-odds-1" class="toggle-switch-label" data-content="1X2" data-check="false"></label>
									</div>
								</li>
							</ul>
						</header>
						
						<div class="widget widget-tabs-default livescores-tab hidden-window">
							<ul class="tab-nav" id="livescore-nav">
								<li>
									<a href="#tab-efbet" title="">Efbet лига</a>
								</li>
								<li>
									<a href="#tab-champions" title="">Шампионска лига</a>
								</li>
								<li>
									<a href="#tab-europa" title="">Лига Европа</a>
								</li>
							</ul>

							<div class="tab-content" id="livescore-content">
								<div id="tab-efbet" class="tab-item">
									<header class="widget widget-heading-plain">
										@include('layouts.logos.categories.Футбол',['width'=>'60px','height'=>'60px','fill'=>'black',])
										<h3 class="heading-xs">Efbet лига</h3>
										<ul class="heading-tabs">
											<li>
												<a href="" title="">Класиране</a>
											</li>
											<li>
												<a href="" title="">Мачове</a>
											</li>
										</ul>
									</header>

									<div class="widget widget-livescore-list">
										<ul class="livescore-list">
										</ul>
									</div> <!-- widget -->
								</div> <!-- tab-item -->

								<div id="tab-champions" class="tab-item">
									<header class="widget widget-heading-plain">
										@include('layouts.logos.champions-league',['width'=>'60px','height'=>'60px','fill'=>'black',])
										<h3 class="heading-xs">Шампионска лига</h3>
										<ul class="heading-tabs">
											<li>
												<a href="" title="">Класиране</a>
											</li>
											<li>
												<a href="" title="">Мачове</a>
											</li>
										</ul>
									</header>

									<div class="widget widget-livescore-list">
										<ul class="livescore-list">

										</ul>
									</div>
								</div>

								<div id="tab-europa" class="tab-item">
									<header class="widget widget-heading-plain">
										@include('layouts.logos.europa-league',['width'=>'60px','height'=>'60px','fill'=>'black',])
										<h3 class="heading-xs">Лига Европа</h3>
										<ul class="heading-tabs">
											<li>
												<a href="" title="">Класиране</a>
											</li>
											<li>
												<a href="" title="">Мачове</a>
											</li>
										</ul>
									</header>

									<div class="widget widget-livescore-list">
										<ul class="livescore-list">

										</ul>
									</div>
								</div>
							</div> <!-- tab-content -->
						</div> <!-- widget -->
						<div class="widget widget-livescore-list livescores-tab-live active-window">
						</div> <!-- widget -->
				</div> <!-- col-minus-sidebar-1 -->
				
			</div> <!-- grid -->
			<div class="col-sidebar">
					<!-- /26641721/sport1.bg/d_vertical_top -->
					<div class="widget widget-banner" id='div-gpt-ad-1580307592843-0'>
					  <script>
					    googletag.cmd.push(function() { googletag.display('div-gpt-ad-1580307592843-0'); });
					  </script>
					</div>
					@include('layouts.side-bar-components._video-highlights')

					<!-- /26641721/sport1.bg/d_vertical_2 -->
					<div class="widget widget-banner" id='div-gpt-ad-1580308500353-0'>
					  <script>
					    googletag.cmd.push(function() { googletag.display('div-gpt-ad-1580308500353-0'); });
					  </script>
					</div>
				</div> <!-- col-sidebar -->
		</div> <!-- wrap-width -->
	</div>
@endsection

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