@extends('layouts.main')
@section('title')
    <title>{{ pageTitle(['Icc Rankings - '.ucfirst($type)]) }}</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">
						<ul class="nav nav-tabs dark_tabs" id="myTab" role="tablist">
							@php 
								$selectedCategory = "batting";
								$selectedFilter = "test";
							@endphp
							@if(count($categoryTypes) > 0)
							@php $tmpKey = 0; @endphp
								@foreach($categoryTypes as $tmpCategory => $tmpCategoryTitle)	
									@php
										if($tmpKey == 0)
											$selectedCategory = $tmpCategory;
									@endphp
									<li class="nav-item" role="presentation">
										<a href="javascript:;" class="nav-link ranking-tabs {{ $tmpKey == 0 ? 'active' : '' }}" id="{{ $tmpCategory }}" data-title="{{ $tmpCategoryTitle }}">{{ $tmpCategoryTitle }}</a>
									</li>
									@php $tmpKey++; @endphp
								@endforeach
							@endif
						</ul>						
						<div class="tab-content clearfix" id="myTabContent">
							<h2 class="sec_title">ICC Cricket Rankings - {{ ucfirst($type) }}'s Batting</h2>
							<div class="tab-pane fade show active" id="matchsByDays" role="tabpanel" aria-labelledby="matchsByDays-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_tabs_btns" id="tab-filters">
												@if(count($filterBtns) > 0)
													@foreach($filterBtns as $key => $filter)
													@php
														if($key == 0)
															$selectedFilter = $filter;
													@endphp
														<button class="filter_btn {{ $key == 0 ? 'active' : '' }}" id="{{ $filter }}">{{ strtoupper($filter) }}</button>
                                                	@endforeach
												@endif
											</div>
											<div class="spacer"></div>
											<!-- Ranking loader -->
											<div id="ranking-list-loader" style="display:none;">
												<div class="highlights_box shimmer_cls">
													<div class="theme_table responsive-table border_box mb-3 machbyday_table ranking_table list_match_set_shmr">
														<table>
															<thead>
																<tr>
																	<th></th>
																	<th></th>
																	<th></th>
																	<th></th>
																</tr>
															</thead>
															<tbody>
																<tr>
																	<td><span class="content_shimmer">1</span></td>
																	<td><span class="content_shimmer">-</span></td>
																	<td>
																		<div class="avtar_box">
																			<div class="avtar_img_box">
																				<img src="{{ asset('images/default-user.jpeg') }}">
																			</div>
																			<div class="avtar_detail">
																				<b  class="content_shimmer">Marnus Labuschagne</b>
																				<div class="grey_text content_shimmer">Australia</div>
																			</div>
																		</div>
																	</td>
																	<td><span class="content_shimmer">929</span></td>
																</tr>
																<tr>
																	<td><span class="content_shimmer">2</span></td>
																	<td><span class="content_shimmer">-</span></td>
																	<td>
																		<div class="avtar_box">
																			<div class="avtar_img_box">
																				<img src="{{ asset('images/default-user.jpeg') }}">
																			</div>
																			<div class="avtar_detail">
																				<b  class="content_shimmer">Steven Smith</b>
																				<div class="grey_text content_shimmer">Australia</div>
																			</div>
																		</div>
																	</td>
																	<td><span class="content_shimmer">892</span></td>
																</tr>
																<tr>
																	<td><span class="content_shimmer">3</span></td>
																	<td><span class="content_shimmer">-</span></td>
																	<td>
																		<div class="avtar_box">
																			<div class="avtar_img_box">
																				<img src="{{ asset('images/default-user.jpeg') }}">
																			</div>
																			<div class="avtar_detail">
																				<b  class="content_shimmer">Babar Azam</b>
																				<div class="grey_text content_shimmer">Pakistan</div>
																			</div>
																		</div>
																	</td>
																	<td><span class="content_shimmer">862</span></td>
																</tr>
																<tr>
																	<td><span class="content_shimmer">4</span></td>
																	<td><span class="content_shimmer">-</span></td>
																	<td>
																		<div class="avtar_box">
																			<div class="avtar_img_box">
																				<img src="{{ asset('images/default-user.jpeg') }}">
																			</div>
																			<div class="avtar_detail">
																				<b  class="content_shimmer">Travis Head</b>
																				<div class="grey_text content_shimmer">Australia</div>
																			</div>
																		</div>
																	</td>
																	<td><span class="content_shimmer">841</span></td>
																</tr>
																<tr>
																	<td><span class="content_shimmer">5</span></td>
																	<td><span class="content_shimmer">-</span></td>
																	<td>
																		<div class="avtar_box">
																			<div class="avtar_img_box">
																				<img src="{{ asset('images/default-user.jpeg') }}">
																			</div>
																			<div class="avtar_detail">
																				<b  class="content_shimmer">Joe Root</b>
																				<div class="grey_text content_shimmer">England</div>
																			</div>
																		</div>
																	</td>
																	<td><span class="content_shimmer">826</span></td>
																</tr>
																<tr>
																	<td><span class="content_shimmer">6</span></td>
																	<td><span class="content_shimmer">-</span></td>
																	<td>
																		<div class="avtar_box">
																			<div class="avtar_img_box">
																				<img src="{{ asset('images/default-user.jpeg') }}">
																			</div>
																			<div class="avtar_detail">
																				<b  class="content_shimmer">Kane Williamson</b>
																				<div class="grey_text content_shimmer">New Zealand</div>
																			</div>
																		</div>
																	</td>
																	<td><span class="content_shimmer">810</span></td>
																</tr>
																<tr>
																	<td><span class="content_shimmer">7</span></td>
																	<td><span class="content_shimmer">-</span></td>
																	<td>
																		<div class="avtar_box">
																			<div class="avtar_img_box">
																				<img src="{{ asset('images/default-user.jpeg') }}">
																			</div>
																			<div class="avtar_detail">
																				<b  class="content_shimmer">Rishabh Pant</b>
																				<div class="grey_text content_shimmer">India</div>
																			</div>
																		</div>
																	</td>
																	<td><span class="content_shimmer">797</span></td>
																</tr>
																<tr>
																	<td><span class="content_shimmer">8</span></td>
																	<td><span class="content_shimmer">-</span></td>
																	<td>
																		<div class="avtar_box">
																			<div class="avtar_img_box">
																				<img src="{{ asset('images/default-user.jpeg') }}">
																			</div>
																			<div class="avtar_detail">
																				<b  class="content_shimmer">Usman Khawaja</b>
																				<div class="grey_text content_shimmer">Australia</div>
																			</div>
																		</div>
																	</td>
																	<td><span class="content_shimmer">770</span></td>
																</tr>
																<tr>
																	<td><span class="content_shimmer">9</span></td>
																	<td><span class="content_shimmer">-</span></td>
																	<td>
																		<div class="avtar_box">
																			<div class="avtar_img_box">
																				<img src="{{ asset('images/default-user.jpeg') }}">
																			</div>
																			<div class="avtar_detail">
																				<b  class="content_shimmer">Dimuth Karunaratne</b>
																				<div class="grey_text content_shimmer">Sri Lanka</div>
																			</div>
																		</div>
																	</td>
																	<td><span class="content_shimmer">748</span></td>
																</tr>
																<tr>
																	<td><span class="content_shimmer">10</span></td>
																	<td><span class="content_shimmer">-</span></td>
																	<td>
																		<div class="avtar_box">
																			<div class="avtar_img_box">
																				<img src="{{ asset('images/default-user.jpeg') }}">
																			</div>
																			<div class="avtar_detail">
																				<b  class="content_shimmer">Rohit Sharma</b>
																				<div class="grey_text content_shimmer">India</div>
																			</div>
																		</div>
																	</td>
																	<td><span class="content_shimmer">732</span></td>
																</tr>
																<tr>
																	<td><span class="content_shimmer">11</span></td>
																	<td><span class="content_shimmer"><span class='rank-diff-down'>^</span> 2</span></td>
																	<td>
																		<div class="avtar_box">
																			<div class="avtar_img_box">
																				<img src="{{ asset('images/default-user.jpeg') }}"></div>
																			<div class="avtar_detail">
																				<b  class="content_shimmer">Daryl Mitchell</b>
																				<div class="grey_text content_shimmer">New Zealand</div>
																			</div>
																		</div>
																	</td>
																	<td><span class="content_shimmer">712</span></td>
																</tr>
																<tr>
																	<td><span class="content_shimmer">12</span></td>
																	<td><span class="content_shimmer">-</span></td>
																	<td>
																		<div class="avtar_box">
																			<div class="avtar_img_box">
																				<img src="{{ asset('images/default-user.jpeg') }}"></div>
																			<div class="avtar_detail">
																				<b  class="content_shimmer">Litton Das</b>
																				<div class="grey_text content_shimmer">Bangladesh</div>
																			</div>
																		</div>
																	</td>
																	<td><span class="content_shimmer">702</span></td>
																</tr>
																<tr>
																	<td><span class="content_shimmer">13</span></td>
																	<td><span class="content_shimmer"><span class='rank-diff-up'>^</span> 15</span></td>
																	<td>
																		<div class="avtar_box">
																			<div class="avtar_img_box">
																				<img src="{{ asset('images/default-user.jpeg') }}">
																			</div>
																			<div class="avtar_detail">
																				<b  class="content_shimmer">Jonny Bairstow</b>
																				<div class="grey_text content_shimmer">England</div>
																			</div>
																		</div>
																	</td>
																	<td><span class="content_shimmer">697</span></td>
																</tr>
																<tr>
																	<td><span class="content_shimmer">14</span></td>
																	<td><span class="content_shimmer">-</span></td>
																	<td>
																		<div class="avtar_box">
																			<div class="avtar_img_box">
																				<img src="{{ asset('images/default-user.jpeg') }}">
																			</div>
																			<div class="avtar_detail">
																				<b  class="content_shimmer">David Warner</b>
																				<div class="grey_text content_shimmer">Australia</div>
																			</div>
																		</div>
																	</td>
																	<td><span class="content_shimmer">680</span></td>
																</tr>
																<tr>
																	<td><span class="content_shimmer">15</span></td>
																	<td><span class="content_shimmer"><span class='rank-diff-up'>^</span> 2</span></td>
																	<td>
																		<div class="avtar_box">
																			<div class="avtar_img_box">
																				<img src="{{ asset('images/default-user.jpeg') }}">
																			</div>
																			<div class="avtar_detail">
																				<b  class="content_shimmer">Virat Kohli</b>
																				<div class="grey_text content_shimmer">India</div>
																			</div>
																		</div>
																	</td>
																	<td><span class="content_shimmer">676</span></td>
																</tr>
															</tbody>
														</table>
													</div>
												</div>
											</div>	
											<!-- / Ranking loader -->
											<!-- Teams loader -->
											<div id="ranking-list-teams-loader" style="display:none;">
												<div class="highlights_box shimmer_cls">
													<div class="theme_table responsive-table border_box mb-3 machbyday_table ranking_table list_match_set_shmr">
														<table>
															<thead>
															<tr>
																<th></th>
																<th></th>
																<th></th>
																<th></th>
															</tr>
															</thead>
															<tbody>
															<tr>
																<td><span class="content_shimmer">1</span></td>
																<td><span class="content_shimmer"> India </span></td>
																<td><span class="content_shimmer">267</span></td>
																<td><span class="content_shimmer">17636</span></td>
															</tr>
															<tr>
																<td><span class="content_shimmer">2</span></td>
																<td><span class="content_shimmer"> England </span></td>
																<td><span class="content_shimmer">266</span></td>
																<td><span class="content_shimmer">13029</span></td>
															</tr>
															<tr>
																<td><span class="content_shimmer">3</span></td>
																<td><span class="content_shimmer"> Pakistan </span></td>
																<td><span class="content_shimmer">258</span></td>
																<td><span class="content_shimmer">14168</span></td>
															</tr>
															<tr>
																<td><span class="content_shimmer">4</span></td>
																<td><span class="content_shimmer"> South Africa </span></td>
																<td><span class="content_shimmer">256</span></td>
																<td><span class="content_shimmer">10510</span></td>
															</tr>
															<tr>
																<td><span class="content_shimmer">5</span></td>
																<td><span class="content_shimmer"> New Zealand </span></td>
																<td><span class="content_shimmer">252</span></td>
																<td><span class="content_shimmer">12621</span></td>
															</tr>
															<tr>
																<td><span class="content_shimmer">6</span></td>
																<td><span class="content_shimmer"> Australia </span></td>
																<td><span class="content_shimmer">251</span></td>
																<td><span class="content_shimmer">11784</span></td>
															</tr>
															<tr>
																<td><span class="content_shimmer">7</span></td>
																<td><span class="content_shimmer"> West Indies </span></td>
																<td><span class="content_shimmer">236</span></td>
																<td><span class="content_shimmer">12039</span></td>
															</tr>
															<tr>
																<td><span class="content_shimmer">8</span></td>
																<td><span class="content_shimmer"> Sri Lanka </span></td>
																<td><span class="content_shimmer">236</span></td>
																<td><span class="content_shimmer">12485</span></td>
															</tr>
															<tr>
																<td><span class="content_shimmer">9</span></td>
																<td><span class="content_shimmer"> Bangladesh </span></td>
																<td><span class="content_shimmer">222</span></td>
																<td><span class="content_shimmer">11328</span></td>
															</tr>
															<tr>
																<td><span class="content_shimmer">10</span></td>
																<td><span class="content_shimmer"> Afghanistan </span></td>
																<td><span class="content_shimmer">217</span></td>
																<td><span class="content_shimmer">6512</span></td>
															</tr>
															<tr>
																<td><span class="content_shimmer">11</span></td>
																<td><span class="content_shimmer"> Zimbabwe </span></td>
																<td><span class="content_shimmer">196</span></td>
																<td><span class="content_shimmer">9597</span></td>
															</tr>
															<tr>
																<td><span class="content_shimmer">12</span></td>
																<td><span class="content_shimmer"> Ireland </span></td>
																<td><span class="content_shimmer">190</span></td>
																<td><span class="content_shimmer">10818</span></td>
															</tr>
															<tr>
																<td><span class="content_shimmer">13</span></td>
																<td><span class="content_shimmer"> UAE </span></td>
																<td><span class="content_shimmer">183</span></td>
																<td><span class="content_shimmer">5298</span></td>
															</tr>
															<tr>
																<td><span class="content_shimmer">14</span></td>
																<td><span class="content_shimmer"> Namibia </span></td>
																<td><span class="content_shimmer">183</span></td>
																<td><span class="content_shimmer">5846</span></td>
															</tr>
															<tr>
																<td><span class="content_shimmer">15</span></td>
																<td><span class="content_shimmer"> Scotland </span></td>
																<td><span class="content_shimmer">182</span></td>
																<td><span class="content_shimmer">4373</span></td>
															</tr>
															</tbody>
														</table>
													</div>
												</div>
											</div>	
											<!-- / Teams loader -->
											<div id="ranking-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>     
<input type="hidden" id="rankingType" value="{{ $type }}">  
<input type="hidden" id="selectedCategory" value="{{ $selectedCategory }}">  
<input type="hidden" id="selectedFilter" value="{{ $selectedFilter }}">  
@endsection
@section('page-specific-scripts')
	<script src="{{ url('ranking_js/ranking.js') }}"></script>
@endsection