@extends('layouts.main')
@section('title')
    <title>{{ pageTitle([ucfirst($teamName).' cricket team matches, scorecards and statistics']) }}</title>
@endsection
@section('content')
<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">
						<h3 class="page-heading">{{ucfirst($teamName)}} Cricket Team</h3>
						<ul class="nav nav-tabs" id="myTab" role="tablist">
							<li class="nav-item" role="presentation">
								<a href="{{ url('cricket-team',['id' => $id]) }}" class="nav-link active">Home</a>
							</li>
							<li class="nav-item" role="presentation">
								<a href="{{ url('cricket-team/schedule',['id' => $id]) }}" class="nav-link">Schedule</a>
							</li>
							<li class="nav-item" role="presentation">
								<a href="{{ url('cricket-team/results',['id' => $id]) }}" class="nav-link">Results</a>
							</li>
							<li class="nav-item" role="presentation">
								<a href="{{ url('cricket-team/stats',['id' => $id]) }}" class="nav-link">Stats</a>
							</li>
							<li class="nav-item" role="presentation">
								<a href="{{ url('cricket-team/players',['id' => $id]) }}" class="nav-link">Players</a>
							</li>
						</ul>
						<div class="tab-content clearfix" id="myTabContent">
							<div class="tab-pane fade show active" id="Home" role="tabpanel" aria-labelledby="Home-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">
											<h3 class="sec_title mb-3">News</h3>
											<div id="filter_parent">
												<div class="mostpopular_section">
													<div class="most-recent-section-main outer_box">
														@forelse ($recentArticles as $key => $article)
															<div class="row_splitbox">
																<div class="image_setthumb">
																	<a href="{{ route('article.detail', ['uuid' => $article->uuid, 'slug' => $article->slug]) }}" target="_blank"><img src="{{ $article->main_image }}"></a>
																</div>
																<div class="right_desF">
																	<h3>
																		<a href="{{ route('article.detail', ['uuid' => $article->uuid, 'slug' => $article->slug]) }}" target="_blank">{{ ellipsis($article->title, 70) }}</a>
																	</h3>
																	<p>{{ $article->published_date }}</p>
																</div>
															</div>
														@empty
														@endforelse
													</div>
												</div>
											</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>
@endsection