@extends('layouts.main')
@section('title')
    <title>{{ pageTitle(['Records']) }}</title>
@endsection
@section('content')
<input type="hidden" id="categoryType" value="{{ $category }}">
<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">
                        @foreach($record_types as $key => $record_type)    
							<li class="nav-item" role="presentation">
								<a href="{{ url('record',['category' => $key]) }}" class="nav-link {{ $key == $category ? 'active' : '' }}">{{ $key }}</a>
							</li>
						@endforeach	
						</ul>
						<div class="tab-content clearfix" id="myTabContent">
							<div class="tab-pane fade show active" id="matchsByDays" role="tabpanel" aria-labelledby="matchsByDays-tab">
								@if($record_filters->count() > 0)
									<div class="tab-content p-0" id="pills-tabContent">
										<div class="tab-pane fade show active shimmer_cls" id="pills-team1" role="tabpanel" aria-labelledby="pills-team1-tab">
											<div class="filter_tabs">
												<div class="filter_tabs_btns">
													@foreach($record_filters as $key => $record_filter)    
													<button class="filter_btn {{ $key == 0 ? 'active' : '' }}" onclick="{{ 'onChangeFunction("'.strval($record_filter->value).'")' }}" id="{{ $record_filter->value }}">{{ $record_filter->name }}</button>
												@endforeach    
											</div>
											<div class="spacer"></div>
											<div class="row filters record_filter_bar"></div>
											<div class="row filters_loader record_filter_bar list_match_set_shmr">
												<div class="col-lg-3 col-6 form-group">
													<span class="content_shimmer">In</span>
													<label class="content_shimmer">In</label>
												</div><div class="col-lg-3 col-6 form-group">
													<span class="content_shimmer">Year</span>
													<label class="content_shimmer">Year</label>
												</div><div class="col-lg-3 col-6 form-group">
													<span class="content_shimmer">Team</span>
													<label class="content_shimmer">Team</label>
												</div><div class="col-lg-3 col-6 form-group">
													<span class="content_shimmer">Opposition</span>
													<label class="content_shimmer">Opposition</label>
												</div>
											</div>
											<div id="errorView" style="display:none;"></div>
											<!-- Loader -->
											<div class="list_match_set_shmr" id="records-loader">
												<div class="theme_table mt-3 responsive-table border_box mb-3 machbyday_table right_align_table first_col_left">
													<table>
														<thead>
															<tr>
																<th width="70%" style="text-align:left"></th>
																<th></th>
																<th></th>
																<th></th>
																<th></th>
															</tr>
														</thead>
														<tbody id="filter_parent">
															<tr valign="top">
																<td><span class="content_shimmer">Conway</span></td>
																<td><span class="content_shimmer">1</span></td>
																<td><span class="content_shimmer">1</span></td>
																<td><span class="content_shimmer">122</span></td>
																<td><span class="content_shimmer">122.00</span></td>
															</tr>
															<tr valign="top">
																<td><span class="content_shimmer">Latham</span></td>
																<td><span class="content_shimmer">1</span></td>
																<td><span class="content_shimmer">1</span></td>
																<td><span class="content_shimmer">71</span></td>
																<td><span class="content_shimmer">71.00</span></td>
															</tr>
															<tr valign="top">
																<td><span class="content_shimmer">Virat Kohli</span></td>
																<td><span class="content_shimmer">1</span></td>
																<td><span class="content_shimmer">1</span></td>
																<td><span class="content_shimmer">71</span></td>
																<td><span class="content_shimmer">71.00</span></td>
															</tr>
															<tr valign="top">
																<td><span class="content_shimmer">Dhoni</span></td>
																<td><span class="content_shimmer">1</span></td>
																<td><span class="content_shimmer">1</span></td>
																<td><span class="content_shimmer">71</span></td>
																<td><span class="content_shimmer">71.00</span></td>
															</tr>
															<tr valign="top">
																<td><span class="content_shimmer">Conway</span></td>
																<td><span class="content_shimmer">1</span></td>
																<td><span class="content_shimmer">1</span></td>
																<td><span class="content_shimmer">122</span></td>
																<td><span class="content_shimmer">122.00</span></td>
															</tr>
															<tr valign="top">
																<td><span class="content_shimmer">Latham</span></td>
																<td><span class="content_shimmer">1</span></td>
																<td><span class="content_shimmer">1</span></td>
																<td><span class="content_shimmer">71</span></td>
																<td><span class="content_shimmer">71.00</span></td>
															</tr>
															<tr valign="top">
																<td><span class="content_shimmer">Virat Kohli</span></td>
																<td><span class="content_shimmer">1</span></td>
																<td><span class="content_shimmer">1</span></td>
																<td><span class="content_shimmer">71</span></td>
																<td><span class="content_shimmer">71.00</span></td>
															</tr>
															<tr valign="top">
																<td><span class="content_shimmer">Dhoni</span></td>
																<td><span class="content_shimmer">1</span></td>
																<td><span class="content_shimmer">1</span></td>
																<td><span class="content_shimmer">71</span></td>
																<td><span class="content_shimmer">71.00</span></td>
															</tr>
														</tbody>
													</table>
												</div>
											</div>
											<!-- / Loader -->
											<div id="filter_parent">
												@foreach($record_filters as $key => $record_filter)
													<div class="highlights_box {{ $record_filter->value }}"></div>
												@endforeach
												</div>	
											</div>
										</div>
									</div>
								@else
									<div class="no-records-section"><span class="record-msg">Records are not found!</span></div>
								@endif
							</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('records_js/index.js') }}"></script>
@endsection