@extends('layouts.main')

@section('title')
    <title>{{ pageTitle(['Live Score']) }}</title>
@endsection

@section('content')
<div class="magazine_grid_main">
	<div class="detail_page">
		<div class="container"> 
			<div class="theme_tabs">
				<ul class="nav nav-tabs" id="myTab" role="tablist">
                  <li class="nav-item" role="presentation">
				    <a href="{{ url('live-cricket-scores',['match_id' => $match_id]) }}" class="nav-link">Commentary</a>
				  </li>
				  <li class="nav-item" role="presentation">
				    <a href="{{ url('live-cricket-scorecard',['match_id' => $match_id]) }}" class="nav-link">Scorecard</a>
				  </li>
				  <li class="nav-item" role="presentation">
				    <a href="{{ url('live-cricket-highlights',['match_id' => $match_id]) }}" class="nav-link">Highlights</a>
				  </li>
				  <li class="nav-item" role="presentation">
				    <a href="{{ url('live-cricket-points-table',['match_id' => $match_id]) }}" class="nav-link">Points Table</a>
				  </li>
				  <li class="nav-item" role="presentation">
				    <a href="{{ url('live-cricket-match-facts',['match_id' => $match_id]) }}" class="nav-link">Match Facts</a>
				  </li>        
				  <li class="nav-item" role="presentation">
				    <a href="{{ url('live-cricket-news',['match_id' => $match_id]) }}" class="nav-link active">News</a>
				  </li>
                  
				  <li class="nav-item" role="presentation">
				    <a href="{{ url('live-cricket-venus',['match_id' => $match_id]) }}" class="nav-link" >Venues</a>
				  </li>
				</ul>
				<div class="tab-content clearfix" id="myTabContent">

                    <div class="tab-pane fade  show active" id="news" role="tabpanel" aria-labelledby="news-tab">
				  		<div class="big_news_sec">
						    <div class="latest-articles-section-main outer_box no_border">
								@foreach($latest_newses as $latest_news)
						        <div class="row_splitbox">
						            <div class="image_setthumb">
						                <a href="{{ route('article.detail', ['uuid' => $latest_news->uuid, 'slug' => $latest_news->slug]) }}" target="_blank"><img src="{{ $latest_news->main_image }}"></a>
						            </div>
						            <div class="right_desF">
						                <h3>
						                    <a href="{{ route('article.detail', ['uuid' => $latest_news->uuid, 'slug' => $latest_news->slug]) }}" target="_blank">{{ ellipsis($latest_news->title, 70) }}</a>
						                </h3>
						                <p>
						                    <a href="{{ route('article.detail', ['uuid' => $latest_news->uuid, 'slug' => $latest_news->slug]) }}" target="_blank">
						                        <span class="name">talkSPORT</span>
						                        <span>-</span>
						                        <span class="date">{{ \Carbon\Carbon::parse($latest_news->published_date)->diffForHumans() }}</span>
						                    </a>
						                </p>
						                <p>{{ $latest_news->description }}</p>
						            </div>
						        </div>
								@endforeach
						    </div>
						</div>
				  	</div>

				</div>
			</div>
		</div>
	</div>
</div>      
@endsection

@section('page-specific-scripts')
<script src="{{ url('match_detail_js/news.js') }}"></script>
@endsection