@extends('layouts.main')
@section('title')
    <title>{{ pageTitle([ucfirst($teamName).' cricket team stats']) }}</title>
@endsection
@section('content')
<input type="hidden" id="teamId" value="{{ $id }}">
<input type="hidden" id="hdnFilter" value="">
<div class="magazine_grid_main">
	<div class="detail_page">
		<div class="container"> 
			<div class="responsive_top_main_add">
                @include('ads.golden-444-static')
            </div>	
			<div class="score_detail_row">
                <div class="score_detai_left">	
					<div class="theme_tabs">
						<!-- Teams header links -->
						@include('common-tabs.teams-header-tabs')
						<!-- / Teams header links -->
						<div class="tab-content clearfix shimmer_cls" id="myTabContent">
							<div class="tab-pane fade show active" id="Stats" role="tabpanel" aria-labelledby="Stats-tab">
								<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="v-pills-tab" role="tablist" aria-orientation="vertical">
										<!-- Loader -->
										<h3 class="nav-link vertical_tabs_title"><span class="">Batting</span></h3>
										<button class="nav-link filters-btn" data-filter="mostRuns" id="mostRuns-tab" data-bs-toggle="pill" data-bs-target="#mostRuns" type="button" role="tab" aria-controls="mostRuns" aria-selected="false"><span class="content_shimmer"> Most runs</span></button>
										<button class="nav-link filters-btn" data-filter="highestScore" id="highestScore-tab" data-bs-toggle="pill" data-bs-target="#highestScore" type="button" role="tab" aria-controls="highestScore" aria-selected="false"><span class="content_shimmer"> Highest Scores</span></button>
										<button class="nav-link filters-btn" data-filter="highestAvg" id="highestAvg-tab" data-bs-toggle="pill" data-bs-target="#highestAvg" type="button" role="tab" aria-controls="highestAvg" aria-selected="false"><span class="content_shimmer"> Best Batting Average</span></button>
										<button class="nav-link filters-btn" data-filter="highestSr" id="highestSr-tab" data-bs-toggle="pill" data-bs-target="#highestSr" type="button" role="tab" aria-controls="highestSr" aria-selected="false"><span class="content_shimmer"> Best Batting Strike Rate</span></button>
										<button class="nav-link filters-btn" data-filter="mostHundreds" id="mostHundreds-tab" data-bs-toggle="pill" data-bs-target="#mostHundreds" type="button" role="tab" aria-controls="mostHundreds" aria-selected="false"><span class="content_shimmer"> Most Hundreds</span></button>
										<button class="nav-link filters-btn" data-filter="mostFifties" id="mostFifties-tab" data-bs-toggle="pill" data-bs-target="#mostFifties" type="button" role="tab" aria-controls="mostFifties" aria-selected="false"><span class="content_shimmer"> Most Fifties</span></button>
										<button class="nav-link filters-btn" data-filter="mostFours" id="mostFours-tab" data-bs-toggle="pill" data-bs-target="#mostFours" type="button" role="tab" aria-controls="mostFours" aria-selected="false"><span class="content_shimmer"> Most Fours</span></button>
										<button class="nav-link filters-btn" data-filter="mostSixes" id="mostSixes-tab" data-bs-toggle="pill" data-bs-target="#mostSixes" type="button" role="tab" aria-controls="mostSixes" aria-selected="false"><span class="content_shimmer"> Most Sixes</span></button>
										<button class="nav-link filters-btnactive" data-filter="mostNineties" id="mostNineties-tab" data-bs-toggle="pill" data-bs-target="#mostNineties" type="button" role="tab" aria-controls="mostNineties" aria-selected="true"><span class="content_shimmer"> Most Nineties</span></button>
										<h3 class="nav-link vertical_tabs_title"><span class="">Bowling</span></h3>
										<button class="nav-link filters-btn" data-filter="mostWickets" id="mostWickets-tab" data-bs-toggle="pill" data-bs-target="#mostWickets" type="button" role="tab" aria-controls="mostWickets" aria-selected="false"><span class="content_shimmer"> Most wickets</span></button>
										<button class="nav-link filters-btn" data-filter="lowestAvg" id="lowestAvg-tab" data-bs-toggle="pill" data-bs-target="#lowestAvg" type="button" role="tab" aria-controls="lowestAvg" aria-selected="false"><span class="content_shimmer"> Best Bowling Average</span></button>
										<button class="nav-link filters-btn" data-filter="bestBowlingInnings" id="bestBowlingInnings-tab" data-bs-toggle="pill" data-bs-target="#bestBowlingInnings" type="button" role="tab" aria-controls="bestBowlingInnings" aria-selected="false"><span class="content_shimmer"> Best Bowling </span></button>
										<button class="nav-link filters-btn" data-filter="mostFiveWickets" id="mostFiveWickets-tab" data-bs-toggle="pill" data-bs-target="#mostFiveWickets" type="button" role="tab" aria-controls="mostFiveWickets" aria-selected="false"><span class="content_shimmer"> Most 5 Wickets Haul</span></button>
										<button class="nav-link filters-btn" data-filter="lowestEcon" id="lowestEcon-tab" data-bs-toggle="pill" data-bs-target="#lowestEcon" type="button" role="tab" aria-controls="lowestEcon" aria-selected="false"><span class="content_shimmer"> Best Economy</span></button>
										<button class="nav-link filters-btn" data-filter="lowestSr" id="lowestSr-tab" data-bs-toggle="pill" data-bs-target="#lowestSr" type="button" role="tab" aria-controls="lowestSr" aria-selected="false"><span class="content_shimmer"> Best Bowling Strike Rate</span></button>
										<!-- / Loader -->
									</div>
									<div class="tab-content" id="v-pills-tabContent">
										<div class="tab-pane fade show active" role="tabpanel">
											<!-- Filter -->
											<div class="row filters record_filter_bar list_match_set_shmr" id="stats-filter">
												<!-- Filter Loader -->
												<div class="col-lg-4 col-6 form-group">
													<label class="content_shimmer">Match Type</label>
													<label class="content_shimmer"></label>
												</div>
												<div class="col-lg-4 col-6 form-group">
													<label class="content_shimmer">Year</label>
													<label class="content_shimmer"></label>
												</div>
												<!-- / Filter Loader -->
											</div>
											<!-- / Filter -->
											<!-- Loader -->
											<div class="theme_table_loader list_match_set_shmr stats_shmr" id="theme_table_loader">
												<div class="table-responsive border_box">
													<table>
														<thead>
															<tr id="Thead">          
																<th></th>            
																<th></th>            
																<th></th>            
																<th></th>            
																<th></th>
															</tr>
														</thead>
														<tbody id="Tbody">
															<tr>
																<td><span class="content_shimmer">Tendulkar</span></td>            
																<td><span class="content_shimmer">200</span></td>            
																<td><span class="content_shimmer">329</span></td>            
																<td><span class="content_shimmer">15921</span></td>            
																<td><span class="content_shimmer">53.79</span></td>
															</tr>
															<tr>  
																<td><span class="content_shimmer">Dravid</span></td>                
																<td><span class="content_shimmer">163</span></td>                
																<td><span class="content_shimmer">284</span></td>                
																<td><span class="content_shimmer">13265</span></td>                
																<td><span class="content_shimmer">52.64</span></td>
															</tr>
															<tr> 
																<td><span class="content_shimmer">S Gavaskar</span></td>                
																<td><span class="content_shimmer">125</span></td>                
																<td><span class="content_shimmer">214</span></td>                
																<td><span class="content_shimmer">10122</span></td>                
																<td><span class="content_shimmer">51.12</span></td>
															</tr>
															<tr>  
																<td><span class="content_shimmer">V Laxman</span></td>                
																<td><span class="content_shimmer">134</span></td>                
																<td><span class="content_shimmer">225</span></td>                
																<td><span class="content_shimmer">8781</span></td>                
																<td><span class="content_shimmer">45.97</span></td>
															</tr>
															<tr>   
																<td><span class="content_shimmer">Sehwag</span></td>                
																<td><span class="content_shimmer">103</span></td>                
																<td><span class="content_shimmer">178</span></td>                
																<td><span class="content_shimmer">8503</span></td>                
																<td><span class="content_shimmer">49.44</span></td>
															</tr>
															<tr>   
																<td><span class="content_shimmer">Kohli</span></td>                
																<td><span class="content_shimmer">104</span></td>                
																<td><span class="content_shimmer">177</span></td>                
																<td><span class="content_shimmer">8119</span></td>                
																<td><span class="content_shimmer">48.91</span></td>
															</tr>
															<tr>    
																<td><span class="content_shimmer">S Ganguly</span></td>                
																<td><span class="content_shimmer">113</span></td>                
																<td><span class="content_shimmer">188</span></td>                
																<td><span class="content_shimmer">7212</span></td>                
																<td><span class="content_shimmer">42.18</span></td>
															</tr>
															<tr>    
																<td><span class="content_shimmer">Pujara</span></td>                
																<td><span class="content_shimmer">98</span></td>                
																<td><span class="content_shimmer">168</span></td>                
																<td><span class="content_shimmer">7014</span></td>                
																<td><span class="content_shimmer">44.39</span></td>
															</tr>
															<tr>   
																<td><span class="content_shimmer">D Vengsarkar</span></td>                
																<td><span class="content_shimmer">116</span></td>                
																<td><span class="content_shimmer">185</span></td>                
																<td><span class="content_shimmer">6868</span></td>                
																<td><span class="content_shimmer">42.13</span></td>
															</tr>
															<tr>  
																<td><span class="content_shimmer">M Azharuddin</span></td>                
																<td><span class="content_shimmer">99</span></td>                
																<td><span class="content_shimmer">147</span></td>                
																<td><span class="content_shimmer">6215</span></td>                
																<td><span class="content_shimmer">45.04</span></td>
															</tr>
															<tr>   
																<td><span class="content_shimmer">G Viswanath</span></td>                
																<td><span class="content_shimmer">91</span></td>                
																<td><span class="content_shimmer">155</span></td>                
																<td><span class="content_shimmer">6080</span></td>
																<td><span class="content_shimmer">41.93</span></td>
															</tr>
														</tbody>
													</table>
												</div>
											</div>	
											<!-- / Loader -->
											<div class="theme_table">
											</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('teams_js/stats.js') }}?v={{ config('custom.cache_buster_version') }}"></script>
@endsection