@extends('layouts.main')
@section('title')
    <title>{{ pageTitle(['Series Archive']) }}</title>
@endsection
@section('content')
<input type="hidden" id="year" value="{{ $year }}">
<div class="magazine_grid_main">
	<div class="detail_page">
		<div class="container"> 			
			<div class="score_detail_row score_detail_row_reverse_responsive">
				<div class="score_detai_left">	
					<div class="theme_tabs">
						<!-- Common header links -->
						@include('common-tabs.common-main-header-tabs')
						<!-- / Common header links -->						
						<div class="tab-content clearfix" id="myTabContent">
                            <h2 class="sec_title mb-4">Cricket Match Archives <span class="sec_title_year">{{ $year }}</span></h2>
                            <!-- <div class="loader-wrapper"><div class="loader"></div></div> -->
							<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="spacer"></div>
											<div id="filter_parent_details" class="shimmer_cls">
												<div class="highlights_box"></div>
												<!-- Loader -->
												<div class="highlights_box_loader year-data list_match_set_shmr">
													<div class="theme_table responsive-table border_box mb-3 MatchArchives_table">
														<table>
															<thead>
																<tr>
																	<th width="100%" colspan="2"></th>
																</tr>
															</thead>
															<tbody id="filter_parent">
																<tr valign="top">
																	<td width="30%">
																		<div class="grey_text content_shimmer">Jan  3 - Jan  15</div>
																	</td>
																	<td width="70%">
																		<div class="series_match_detail series_match_detail_list">
																			<a href="javascript:;" class="series_mach_title content_shimmer"><b>Sri Lanka tour of India, 2023</b></a>
																		</div>
																	</td>
																</tr>
																<tr valign="top">
																	<td width="30%"><div class="grey_text content_shimmer">Dec  11 - Jan  20</div></td>
																	<td width="70%">
																		<div class="series_match_detail series_match_detail_list">
																			<a href="javascript:;" class="series_mach_title content_shimmer"><b>Pakistan vs Sri Lanka in UAE, 2013-14</b></a>
																		</div>
																	</td>
																</tr><tr valign="top">
																	<td width="30%"><div class="grey_text content_shimmer">Dec  8 - Dec  8</div></td>
																	<td width="70%">
																		<div class="series_match_detail series_match_detail_list">
																			<a href="javascript:;" class="series_mach_title content_shimmer"><b>Pakistan vs Afghanistan in UAE, 2013</b></a>
																		</div>
																	</td>
																</tr><tr valign="top">
																	<td width="30%"><div class="grey_text content_shimmer">Dec  5 - Dec  30</div></td>
																	<td width="70%">
																		<div class="series_match_detail series_match_detail_list">
																			<a href="javascript:;" class="series_mach_title content_shimmer"><b>India in South Africa 2013</b></a>
																		</div>
																	</td>
																</tr><tr valign="top">
																	<td width="30%"><div class="grey_text content_shimmer">Dec  3 - Jan  15</div></td>
																	<td width="70%">
																		<div class="series_match_detail series_match_detail_list">
																			<a href="javascript:;" class="series_mach_title content_shimmer"><b>West Indies tour of New Zealand 2013-14</b></a>
																		</div>
																	</td>
																</tr><tr valign="top">
																	<td width="30%"><div class="grey_text content_shimmer">Nov  21 - Jan  7</div></td>
																	<td width="70%">
																		<div class="series_match_detail series_match_detail_list">
																			<a href="javascript:;" class="series_mach_title content_shimmer"><b>The Ashes 2013-14</b></a>
																		</div>
																	</td>
																</tr>
															</tbody>
														</table>
													</div>
													<div class="theme_table responsive-table border_box mb-3 MatchArchives_table">
														<table>
															<thead>
																<tr>
																	<th width="100%" colspan="2"></th>
																</tr>
															</thead>
															<tbody id="filter_parent"><tr valign="top">
																	<td width="30%"><div class="grey_text content_shimmer">Jan  3 - Jan  15</div></td>
																	<td width="70%">
																		<div class="series_match_detail series_match_detail_list">
																			<a href="javascript:;" class="series_mach_title content_shimmer"><b>Sri Lanka tour of India, 2023</b></a>
																		</div>
																	</td>
															</tr></tbody>
														</table>
													</div>
                                                </div>
												<!-- Loader -->
                                            </div>	
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="score_detai_right">
					

					<div class="seasons_sidebar mostpopular_section">
						<div class="flwidth tab_scene">
							<div class="section_head">
								<h4 class="block-title"><span class="td-pulldown-size" style="margin-right: 0px;">ALL SEASONS</span></h4>
								
							</div>
						</div>
						<div class="most-popular-section-main outer_box">
							@php
								$all_years = array();
								for ($nYear = 1881; $nYear <= date('Y'); $nYear++) {
									array_push($all_years,$nYear);
								}
								$years = array_chunk($all_years, 10);
							@endphp
							@foreach(array_reverse($years) as $year_alls)
							<div class="row_splitbox">
								<div>
									<h5 class="season_year">{{current($year_alls)}}-{{end($year_alls)}}</h5>
									<div class="season_year_container">
										@foreach($year_alls as $year_a)
											<!-- <a href="{{ url('cricket-scorecard-archives/'.$year_a) }}" class="syear {{ $year == $year_a ? 'active' : '' }}"> {{ $year_a}} </a> -->
											<a href="javascript:;" class="syear {{ $year == $year_a ? 'active' : '' }}" onclick="getMatchArchives({{ $year_a }})" id="year_{{ $year_a }}"> {{ $year_a }} </a>
										@endforeach
									</div>
								</div>
							</div>
							@endforeach
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>      
@endsection
@section('page-specific-scripts')
<script src="{{ url('series_archive_js/series_archive.js') }}"></script>
@endsection