@extends('layouts.main')
@section('title')
    <title>{{ pageTitle(['Live Score']) }}</title>
@endsection

@section('content')

<div class="magazine_grid_main">
	<div class="detail_page">
		<div class="container"> 
			<div class="responsive_top_main_add">
				<div class="td-all-devices mrgtop0 mrgbtm20">
					@include('ads.golden-444-static')
				</div>
			</div>
			<div class="score_detail_row">
				<div class="score_detai_left">
					<div class="theme_tabs">
						<!-- Common header links -->
						@include('common-tabs.common-main-header-tabs')
						<!-- / Common header links -->
						<h2 class="tab_sec_title">Live Cricket Score</h2>
						<ul class="nav nav-tabs" id="myTab" role="tablist">
							<li class="nav-item" role="presentation">
								<a href="{{ url('cricket-match/live-scores') }}" class="nav-link">Running</a>
							</li>
							<li class="nav-item" role="presentation">
								<a href="{{ url('cricket-match/live-scores/upcoming-matches') }}" class="nav-link">Upcoming</a>
							</li>
							<li class="nav-item" role="presentation">
								<a href="{{ url('cricket-match/live-scores/recent-matches') }}" class="nav-link active">Completed</a>
							</li>
						</ul>
						<div class="tab-content clearfix" id="myTabContent">
							<!-- <div class="loader-wrapper"><div class="loader"></div></div> -->
							<div class="tab-pane fade show active" id="Live" role="tabpanel" aria-labelledby="Live-tab">
								<div class="tab-content p-0" id="pills-tabContent">
									<div class="tab-pane fade show active" id="pills-team1" role="tabpanel" aria-labelledby="pills-team1-tab">
										<div class="filter_tabs">											
											<div class="parent_btn"></div>
											<div class="spacer"></div>											
											<div id="filter_parent">
												<!-- Loader Content start -->
												<div class="highlights_box International">
													<div class="list_match_container shimmer_cls">
														<h2 class="series-name">
															<span class="content_shimmer">South Africa tour of Australia, 2022-23</span>
														</h2>
														<div class="list_match_boxes">
															<!-- repeat element -->
															<div class="list_match_box list_match_set_shmr">
																<div class="list_match_box_top"> 
																	<div class="top_first">
																		<div class="content_shimmer"> 
																			<h3 class="list_match_box_title"> 
																				<a class="" href="">South Africa vs Australia,</a>
																			</h3> 
																			<span class="match_info text-gray">&nbsp;2nd Test</span> 
																		</div>
																	</div>
																	<div class="top_second">
																		<div class="date_time_won">
																			<div class="match_date_time text-gray content_shimmer"> 
																			<span class="schedule-date ng-isolate-scope">December  26 - December  30</span>
																			<span>&nbsp;•&nbsp;</span>
																			<span class="">5:00 AM</span>
																			<span class="text-gray"> at Melbourne, Melbourne Cricket Ground</span> 
																			</div> 
																		</div>
																		<div class="match_list_won">
																			<span class="text-gray content_shimmer">Day 3: Stumps - South Africa trail by 371 runs</span>
																		</div>
																	</div> 
																</div> 
																<nav class="bottom_tabs"> 
																	<a href="javascript:void();" class="scorecard content_shimmer">Scorecard</a>
																	<a href="javascript:void();" class="full_commentry content_shimmer">Commentary</a>
																</nav> 
																<div class="list_match_box_middle">
																	<a class="" href="javascript:void();" title=""> 
																		<div class="team_detail_container"> 
																			<div class="team_detail team1">
																				<div class="team_name content_shimmer">
																					<div class="flg_name w-100">South Africa lorem South Africa lorem</div>
																				</div>
																				<div class="team_data content_shimmer">189/10<span>(68.4 Ov)</span> &amp; 15/1<span>(7 Ov)</span>
																				</div>
																			</div> 
																			<div class="team_detail team2">
																				<div class="team_name content_shimmer">
																					<div class="flg_name w-100">Australia</div>
																				</div>
																				<div class="team_data content_shimmer">575/8  d 		<span>(145 Ov)</span>
																				</div>
																			</div> 
																		</div>
																		<div class="team_won_by"></div> 
																	</a> 
																</div>
															</div>    
															<!-- repeat element -->
														</div>
													</div>
												</div>
												<div class="highlights_box International">
													<div class="list_match_container shimmer_cls">
														<h2 class="series-name">
															<span class="content_shimmer">South Africa tour of Australia, 2022-23 lorem ipsum data</span>
														</h2>
														<div class="list_match_boxes">
															<!-- repeat element -->
															<div class="list_match_box list_match_set_shmr">
																<div class="list_match_box_top"> 
																	<div class="top_first">
																		<div class="content_shimmer"> 
																			<h3 class="list_match_box_title"> 
																				<a class="" href="javascript:void();">South Africa vs Australia lorem ipsum data,</a>
																			</h3> 
																			<span class="match_info text-gray">&nbsp;2nd Test lorem ipsum data</span> 
																		</div>
																	</div>
																	<div class="top_second">
																		<div class="date_time_won">
																			<div class="match_date_time text-gray content_shimmer"> 
																			<span class="schedule-date ng-isolate-scope">December  26 - December  30</span>
																			<span>&nbsp;•&nbsp;</span>
																			<span class="">5:00 AM</span>
																			<span class="text-gray"> at lorem ipsum data Melbourne, Melbourne Cricket Ground</span> 
																			</div> 
																		</div>
																		<div class="match_list_won">
																			<span class="text-gray content_shimmer">Day 3: Stumps - South Africa trail by 371 runs lorem ipsum data</span>
																		</div>
																	</div> 
																</div> 
																<nav class="bottom_tabs"> 
																	<a href="javascript:void();" class="scorecard content_shimmer">Scorecard</a>
																	<a href="javascript:void();" class="full_commentry content_shimmer">Commentary</a>
																</nav> 
																<div class="list_match_box_middle">
																	<a class="" href="javascript:void();" title=""> 
																		<div class="team_detail_container"> 
																			<div class="team_detail team1">
																				<div class="team_name content_shimmer">
																					<div class="flg_name w-100">South lorem ipsum data Africa</div>
																				</div>
																				<div class="team_data content_shimmer">189/10<span>(68.4 Ov)</span> &amp; 15/1<span>(7 Ov)</span>
																				</div>
																			</div> 
																			<div class="team_detail team2">
																				<div class="team_name content_shimmer">
																					<div class="flg_name w-100">Australia lorem ipsum data</div>
																				</div>
																				<div class="team_data content_shimmer">575/8  d 		<span>(145 Ov)</span>
																				</div>
																			</div> 
																		</div>
																		<div class="team_won_by"></div> 
																	</a> 
																</div>
															</div>    
															<!-- repeat element -->
														</div>
													</div>
												</div>
												<div class="highlights_box International">
													<div class="list_match_container shimmer_cls">
														<h2 class="series-name">
															<span class="content_shimmer">South Africa tour of Australia</span>
														</h2>
														<div class="list_match_boxes">
															<!-- repeat element -->
															<div class="list_match_box list_match_set_shmr">
																<div class="list_match_box_top"> 
																	<div class="top_first">
																		<div class="content_shimmer"> 
																			<h3 class="list_match_box_title"> 
																				<a class="" href="">South Africa vs Australia,</a>
																			</h3> 
																			<span class="match_info text-gray">&nbsp;2nd Test</span> 
																		</div>
																	</div>
																	<div class="top_second">
																		<div class="date_time_won">
																			<div class="match_date_time text-gray content_shimmer"> 
																			<span class="schedule-date ng-isolate-scope">December  26 - December  30</span>
																			<span>&nbsp;•&nbsp;</span>
																			<span class="">5:00 AM</span>
																			<span class="text-gray"> at Melbourne, Ground</span> 
																			</div> 
																		</div>
																		<div class="match_list_won">
																			<span class="text-gray content_shimmer">Day 3: Stumps - Australia trail by 371 runs</span>
																		</div>
																	</div> 
																</div> 
																<nav class="bottom_tabs"> 
																	<a href="javascript:void();" class="scorecard content_shimmer">Scorecard</a>
																	<a href="javascript:void();" class="full_commentry content_shimmer">Commentary</a>
																</nav> 
																<div class="list_match_box_middle">
																	<a class="" href="javascript:void();" title=""> 
																		<div class="team_detail_container"> 
																			<div class="team_detail team1">
																				<div class="team_name content_shimmer">
																					<div class="flg_name w-100">South Africa lorem South Africa lorem</div>
																				</div>
																				<div class="team_data content_shimmer">189/10<span>(68.4 Ov)</span> &amp; 15/1<span>(7 Ov)</span>
																				</div>
																			</div> 
																			<div class="team_detail team2">
																				<div class="team_name content_shimmer">
																					<div class="flg_name w-100">Australia</div>
																				</div>
																				<div class="team_data content_shimmer">575/8  d<span>(145 Ov)</span>
																				</div>
																			</div> 
																		</div>
																		<div class="team_won_by"></div> 
																	</a> 
																</div>
															</div>    
															<!-- repeat element -->
														</div>
													</div>
												</div>
												<!-- Loader Content end -->
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="score_detai_right">
					<div class="web_right_main_add">
						@include('ads.golden-444-static')
					</div>
					@include('news._latest-news-primary-container')
					@include('layouts.categories-footer')
				</div>
			</div>
		</div>
	</div>
</div>      
@endsection
@section('page-specific-scripts')
<script src="https://cdnjs.cloudflare.com/ajax/libs/crypto-js/4.0.0/crypto-js.min.js"></script>
<script src="{{ url('matches_js/recent.js') }}"></script>
@endsection