@extends('layouts.main')
@section('title')
    <title>{{ pageTitle(['Squads']) }}</title>
@endsection
@section('page-specific-head-scripts')
	<script src="{{ url('pages_js/series-common-functions.js') }}?v={{ config('custom.cache_buster_version') }}"></script>
@endsection
@section('content')
<input type="hidden" id="seriesId" value="{{$series_id}}">
<div class="magazine_grid_main">
	<div class="detail_page">
		<div class="container shimmer_cls"> 
			<div class="responsive_top_main_add">
                @include('ads.golden-444-static')
            </div>
			<div class="score_detail_row">
				<div class="score_detai_left">	
					<div class="heading-content list_match_set_shmr">
						<!-- Loader -->
						<div class="list_match_box border-0 white_box mb-2 match_title_box">
							<div class="list_match_box_top"> 
								<div class="top_first">
									<div class="top_firstl"> 
										<h3 class="list_match_box_title"> 
										<span class="content_shimmer">Domestic One-Day Cup 2022-23</span>
									</h3>
								</div>
								</div>
								<div class="top_second">
									<div class="date_time_won">
										<div class="match_date_time text-gray"> 
											<span class="text-gray content_shimmer">10 T20s . Feb  6  - Feb  8</span> 
										</div> 
									</div>
								</div> 
							</div> 
						</div>
						<!-- / Loader -->
					</div>	
					<div class="theme_tabs">
						<!-- header menu links  -->
						@include('common-tabs.series-header-tabs')
						<!-- / header menu links  -->
						<div class="tab-content clearfix" id="myTabContent">
							<div class="d-flex align-items-start vertical_tabs shimmer_cls">
								<div class="nav flex-column nav-pills me-3 list_match_set_shmr" id="squadTeamList">
									<!-- Loader -->
									<div class="nav flex-column nav-pills me-3" id="squadTeamList">
										<h3 class="nav-link vertical_tabs_title text_uppercase">Odi</h3>
										<button class="nav-link" type="button"><span class="content_shimmer">New Zealand ODI Squad</span></button>
										<button class="nav-link" type="button"><span class="content_shimmer">India ODI Squad</span></button>
										<h3 class="nav-link vertical_tabs_title text_uppercase">T20</h3>
										<button class="nav-link" type="button"><span class="content_shimmer">New Zealand T20I Squad</span></button>
										<button class="nav-link" type="button"><span class="content_shimmer">India T20I Squad</span></button>
									</div>
									<!-- / Loader -->
								</div>
								<div class="tab-content with_padd">
									<div class="tab-pane fade active show">
										<div class="border_box">
											<!-- Loader -->
											<div class="row m-0 list_match_set_shmr" id="player-list-loader">
													<div class="col-12 p-0">
													<h3 class="sec_title squad_box_title">BATSMEN</h3>
													</div>
													<div class="col-lg-6 col-md-6 p-0">
													<div class="squad_box">
														<div class="squad_box_left"><img src="{{ asset('images/default-user.jpeg') }}"></div>
														<div class="squad_box_right">
														<div class="name content_shimmer">Henry Nicholls</div>
														<div class="rol content_shimmer">Batsman</div>
														</div>
													</div>
													</div>
													<div class="col-12 p-0">
													<h3 class="sec_title squad_box_title">ALL ROUNDER</h3>
													</div>
													<div class="col-lg-6 col-md-6 p-0">
													<div class="squad_box">
														<div class="squad_box_left"><img src="{{ asset('images/default-user.jpeg') }}"></div>
														<div class="squad_box_right">
														<div class="name content_shimmer">Michael Bracewell</div>
														<div class="rol content_shimmer">Batting Allrounder</div>
														</div>
													</div>
													</div>
													<div class="col-lg-6 col-md-6 p-0">
													<div class="squad_box">
														<div class="squad_box_left"><img src="{{ asset('images/default-user.jpeg') }}"></div>
														<div class="squad_box_right">
														<div class="name content_shimmer">Mark Chapman</div>
														<div class="rol content_shimmer">Batting Allrounder</div>
														</div>
													</div>
													</div>
													<div class="col-lg-6 col-md-6 p-0">
													<div class="squad_box">
														<div class="squad_box_left"><img src="{{ asset('images/default-user.jpeg') }}"></div>
														<div class="squad_box_right">
														<div class="name content_shimmer">Daryl Mitchell</div>
														<div class="rol content_shimmer">Batting Allrounder</div>
														</div>
													</div>
													</div>
													<div class="col-lg-6 col-md-6 p-0">
													<div class="squad_box">
														<div class="squad_box_left"><img src="{{ asset('images/default-user.jpeg') }}"></div>
														<div class="squad_box_right">
														<div class="name content_shimmer">Mitchell Santner</div>
														<div class="rol content_shimmer">Bowling Allrounder</div>
														</div>
													</div>
													</div>
													<div class="col-12 p-0">
													<h3 class="sec_title squad_box_title">WICKET KEEPER</h3>
													</div>
													<div class="col-lg-6 col-md-6 p-0">
													<div class="squad_box">
														<div class="squad_box_left"><img src="{{ asset('images/default-user.jpeg') }}"></div>
														<div class="squad_box_right">
														<div class="name content_shimmer">Tom Latham</div>
														<div class="rol content_shimmer">WK-Batsman</div>
														</div>
													</div>
													</div>
													<div class="col-lg-6 col-md-6 p-0">
													<div class="squad_box">
														<div class="squad_box_left"><img src="{{ asset('images/default-user.jpeg') }}"></div>
														<div class="squad_box_right">
														<div class="name content_shimmer">Finn Allen</div>
														<div class="rol content_shimmer">WK-Batsman</div>
														</div>
													</div>
													</div>
													<div class="col-lg-6 col-md-6 p-0">
													<div class="squad_box">
														<div class="squad_box_left"><img src="{{ asset('images/default-user.jpeg') }}"></div>
														<div class="squad_box_right">
														<div class="name content_shimmer">Devon Conway</div>
														<div class="rol content_shimmer">WK-Batsman</div>
														</div>
													</div>
													</div>
													<div class="col-lg-6 col-md-6 p-0">
													<div class="squad_box">
														<div class="squad_box_left"><img src="{{ asset('images/default-user.jpeg') }}"></div>
														<div class="squad_box_right">
														<div class="name content_shimmer">Glenn Phillips</div>
														<div class="rol content_shimmer">WK-Batsman</div>
														</div>
													</div>
													</div>
													<div class="col-12 p-0">
													<h3 class="sec_title squad_box_title">BOWLER</h3>
													</div>
													<div class="col-lg-6 col-md-6 p-0">
													<div class="squad_box">
														<div class="squad_box_left"><img src="{{ asset('images/default-user.jpeg') }}"></div>
														<div class="squad_box_right">
														<div class="name content_shimmer">Jacob Duffy</div>
														<div class="rol content_shimmer">Bowler</div>
														</div>
													</div>
													</div>
													<div class="col-lg-6 col-md-6 p-0">
													<div class="squad_box">
														<div class="squad_box_left"><img src="{{ asset('images/default-user.jpeg') }}"></div>
														<div class="squad_box_right">
														<div class="name content_shimmer">Lockie Ferguson</div>
														<div class="rol content_shimmer">Bowler</div>
														</div>
													</div>
													</div>
													<div class="col-lg-6 col-md-6 p-0">
													<div class="squad_box">
														<div class="squad_box_left"><img src="{{ asset('images/default-user.jpeg') }}"></div>
														<div class="squad_box_right">
														<div class="name content_shimmer">Doug Bracewell</div>
														<div class="rol content_shimmer">Bowler</div>
														</div>
													</div>
													</div>
													<div class="col-lg-6 col-md-6 p-0">
													<div class="squad_box">
														<div class="squad_box_left"><img src="{{ asset('images/default-user.jpeg') }}"></div>
														<div class="squad_box_right">
														<div class="name content_shimmer">Blair Tickner</div>
														<div class="rol content_shimmer">Bowler</div>
														</div>
													</div>
													</div>
													<div class="col-lg-6 col-md-6 p-0">
													<div class="squad_box">
														<div class="squad_box_left"><img src="{{ asset('images/default-user.jpeg') }}">
														</div>
														<div class="squad_box_right">
														<div class="name content_shimmer">Henry Shipley</div>
														<div class="rol content_shimmer">Bowler</div>
														</div>
													</div>
													</div>
													<div class="col-lg-6 col-md-6 p-0">
													<div class="squad_box">
														<div class="squad_box_left"><img src="{{ asset('images/default-user.jpeg') }}"></div>
														<div class="squad_box_right">
														<div class="name content_shimmer">Ish Sodhi</div>
														<div class="rol content_shimmer">Bowler</div>
														</div>
													</div>
													</div>
											</div>	
											<!-- / Loader -->
											<div class="row m-0 list_match_set_shmr" id="player-list">
											</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="{{ url('pages_js/squad.js') }}?v={{ config('custom.cache_buster_version') }}"></script>
@endsection