@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 active">Upcoming</a>
							</li>
							<li class="nav-item" role="presentation">
								<a href="{{ url('cricket-match/live-scores/recent-matches') }}" class="nav-link">Completed</a>
							</li>
						</ul>

						<div class="tab-content clearfix upcoming-tab-matches" 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="filter_bar">
												<div class="filterbar_btn_sec dropdown Formats one_col">
													<button class="filterbar_btn dropdown-toggle" type="button" id="dropdownMenuButton1" data-bs-toggle="dropdown" aria-expanded="false">
														Formats
														<i class="fa fa-angle-down"></i>
													</button>
													<div class="dropdown-menu" aria-labelledby="dropdownMenuButton1">
														<ul>
															<li>
																<div class="form-group form-check custom_check">
																	<input type="checkbox" class="form-check-input" id="exampleCheck1">
																	<span class="custom_checkbox"></span>
																	<label class="form-check-label label-text" for="exampleCheck1">International</label>
																</div>
															</li>
															<li>
																<div class="form-group form-check custom_check">
																	<input type="checkbox" class="form-check-input" id="exampleCheck2">
																	<span class="custom_checkbox"></span>
																	<label class="form-check-label label-text" for="exampleCheck2">Twenty20 International</label>
																</div>
															</li>
															<li>
																<div class="form-group form-check custom_check">
																	<input type="checkbox" class="form-check-input" id="exampleCheck3">
																	<span class="custom_checkbox"></span>
																	<label class="form-check-label label-text" for="exampleCheck3">Other Twenty20 matches</label>
																</div>
															</li>
															<li>
																<div class="form-group form-check custom_check">
																	<input type="checkbox" class="form-check-input" id="exampleCheck4">
																	<span class="custom_checkbox"></span>
																	<label class="form-check-label label-text" for="exampleCheck4">Twenty 20</label>
																</div>
															</li>
														</ul>
														<div class="apply_btn_sec">
															<button class="apply_btn">Apply</button>
														</div>
													</div>
												</div>
												<div class="filterbar_btn_sec dropdown Teams three_col">
													<button class="filterbar_btn dropdown-toggle" type="button" id="dropdownMenuButton2" data-bs-toggle="dropdown" aria-expanded="false">
														Teams
														<i class="fa fa-angle-down"></i>
													</button>
													<div class="dropdown-menu" aria-labelledby="dropdownMenuButton2">
														<div class="search_bar">
															<input type="text" placeholder="Search..." class="form-control"/>
														</div>
														<ul>
															<li>
																<div class="form-group form-check custom_check">
																	<input type="checkbox" class="form-check-input" id="exampleCheck1">
																	<span class="custom_checkbox"></span>
																	<label class="form-check-label label-text" for="exampleCheck1">Bangladesh</label>
																</div>
															</li>
															<li>
																<div class="form-group form-check custom_check">
																	<input type="checkbox" class="form-check-input" id="exampleCheck2">
																	<span class="custom_checkbox"></span>
																	<label class="form-check-label label-text" for="exampleCheck2">Bulgaria</label>
																</div>
															</li>
															<li>
																<div class="form-group form-check custom_check">
																	<input type="checkbox" class="form-check-input" id="exampleCheck3">
																	<span class="custom_checkbox"></span>
																	<label class="form-check-label label-text" for="exampleCheck3">Czech Republic</label>
																</div>
															</li>
															<li>
																<div class="form-group form-check custom_check">
																	<input type="checkbox" class="form-check-input" id="exampleCheck4">
																	<span class="custom_checkbox"></span>
																	<label class="form-check-label label-text" for="exampleCheck4">Gibraltar</label>
																</div>
															</li>
															<li>
																<div class="form-group form-check custom_check">
																	<input type="checkbox" class="form-check-input" id="exampleCheck5">
																	<span class="custom_checkbox"></span>
																	<label class="form-check-label label-text" for="exampleCheck5">Hungary</label>
																</div>
															</li>
															<li>
																<div class="form-group form-check custom_check">
																	<input type="checkbox" class="form-check-input" id="exampleCheck6">
																	<span class="custom_checkbox"></span>
																	<label class="form-check-label label-text" for="exampleCheck6">Malta</label>
																</div>
															</li>
														</ul>
														<div class="apply_btn_sec">
															<button class="apply_btn">Apply</button>
														</div>
													</div>
												</div>
												<div class="filterbar_btn_sec dropdown Competitions two_col">
													<button class="filterbar_btn dropdown-toggle" type="button" id="dropdownMenuButton3" data-bs-toggle="dropdown" aria-expanded="false">
														Competitions
														<i class="fa fa-angle-down"></i>
													</button>
													<div class="dropdown-menu" aria-labelledby="dropdownMenuButton3">
														<div class="search_bar">
															<input type="text" placeholder="Search..." class="form-control"/>
														</div>
														<ul>
															<li>
																<div class="form-group form-check custom_check">
																	<input type="checkbox" class="form-check-input" id="exampleCheck1">
																	<span class="custom_checkbox"></span>
																	<label class="form-check-label label-text" for="exampleCheck1">Valletta Cup</label>
																</div>
															</li>
															<li>
																<div class="form-group form-check custom_check">
																	<input type="checkbox" class="form-check-input" id="exampleCheck2">
																	<span class="custom_checkbox"></span>
																	<label class="form-check-label label-text" for="exampleCheck2">FairBreak Invitational Tournament</label>
																</div>
															</li>
															<li>
																<div class="form-group form-check custom_check">
																	<input type="checkbox" class="form-check-input" id="exampleCheck3">
																	<span class="custom_checkbox"></span>
																	<label class="form-check-label label-text" for="exampleCheck3">Indian Premier League</label>
																</div>
															</li>
															<li>
																<div class="form-group form-check custom_check">
																	<input type="checkbox" class="form-check-input" id="exampleCheck4">
																	<span class="custom_checkbox"></span>
																	<label class="form-check-label label-text" for="exampleCheck4">Green Afghanistan One Day Cup</label>
																</div>
															</li>
															<li>
																<div class="form-group form-check custom_check">
																	<input type="checkbox" class="form-check-input" id="exampleCheck5">
																	<span class="custom_checkbox"></span>
																	<label class="form-check-label label-text" for="exampleCheck5">Indian Premier League</label>
																</div>
															</li>
															<li>
																<div class="form-group form-check custom_check">
																	<input type="checkbox" class="form-check-input" id="exampleCheck6">
																	<span class="custom_checkbox"></span>
																	<label class="form-check-label label-text" for="exampleCheck6">Green Afghanistan One Day Cup</label>
																</div>
															</li>
														</ul>
														<div class="apply_btn_sec">
															<button class="apply_btn">Apply</button>
														</div>
													</div>
												</div>
												<div class="filter_reset_btn_sec">
													<a href="#" class="reset_btn">Reset</a>
												</div>
											</div> -->
											<div class="parent_btn"></div>
											<div class="spacer"></div>
											<div id="filter_parent">
												<!-- loader starts here -->
												<div class="highlights_box International">
													<div class="list_match_container shimmer_cls">
														<h2 class="series-name">
														<span class="content_shimmer">Sri Lanka tour of India, 2023</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();">India vs Sri Lanka,</a>
																			</h3> 
																			<span class="match_info text-gray">&nbsp;1st T20I</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">January  3 </span>
																				<span>&nbsp;•&nbsp;</span>
																				<span class="">7:00 PM</span>
																				<span class="text-gray"> at Mumbai, Wankhede Stadium</span> 
																			</div> 
																		</div>
																	</div> 
																</div> 
																<div class="bottom-details">
																<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="odds_data match-odds-details" id="odds_data_59951"></div>
																</div>
																<div class="list_match_box_middle">
																</div>
															</div>    
															<!-- 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();">India vs Sri Lanka,</a>
																			</h3> 
																			<span class="match_info text-gray">&nbsp;1st T20I</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">January  3 </span>
																				<span>&nbsp;•&nbsp;</span>
																				<span class="">7:00 PM</span>
																				<span class="text-gray"> at Mumbai, Wankhede Stadium</span> 
																			</div> 
																		</div>
																	</div> 
																</div> 
																<div class="bottom-details">
																<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="odds_data match-odds-details" id="odds_data_59951"></div>
																</div>
																<div class="list_match_box_middle">
																</div>
															</div>  
														</div>
													</div>
            									</div>
												<div class="highlights_box International">
													<div class="list_match_container shimmer_cls">
														<h2 class="series-name">
														<span class="content_shimmer">NEW ZEALAND TOUR OF PAKISTAN, 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="javascript:void();">Pakistan vs New Zealand,</a>
																			</h3> 
																			<span class="match_info text-gray">&nbsp;1st T20I</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">January 13 </span>
																				<span>&nbsp;•&nbsp;</span>
																				<span class="">7:00 PM</span>
																				<span class="text-gray">at Karachi, National Stadium</span> 
																			</div> 
																		</div>
																	</div> 
																</div> 
																<div class="bottom-details">
																<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="odds_data match-odds-details" id="odds_data_59951"></div>
																</div>
																<div class="list_match_box_middle">
																</div>
															</div>  
															<!-- 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();">Pakistan vs New Zealand,</a>
																			</h3> 
																			<span class="match_info text-gray">&nbsp;1st T20I</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">January 4 - January 8</span>
																				<span>&nbsp;•&nbsp;</span>
																				<span class="">7:00 PM</span>
																				<span class="text-gray">at Kolkata, Eden Gardens</span> 
																			</div> 
																		</div>
																	</div> 
																</div> 
																<div class="bottom-details">
																<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="odds_data match-odds-details" id="odds_data_59951"></div>
																</div>
																<div class="list_match_box_middle">
																</div>
															</div>  
															<!-- 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();">Pakistan vs New Zealand,</a>
																			</h3> 
																			<span class="match_info text-gray">&nbsp;2nd ODI</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">January 7 </span>
																				<span>&nbsp;•&nbsp;</span>
																				<span class="">12:00 PM</span>
																				<span class="text-gray">at Rajkot, Saurashtra Cricket Association Stadium</span> 
																			</div> 
																		</div>
																	</div> 
																</div> 
																<div class="bottom-details">
																<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="odds_data match-odds-details" id="odds_data_59951"></div>
																</div>
																<div class="list_match_box_middle">
																</div>
															</div>     
														</div>
													</div>
            									</div>
												<!-- loader ends here -->
											</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/upcoming.js') }}"></script>
@endsection