@extends('front.layouts.main')

@section('title'){{ @trans('seo.news_title') }}@endsection

@section('description'){{ @trans('seo.news_desc') }}@endsection

@section('content')
<main class="blog-page pt-0">
	<section class="section">
		<div class="container">
			<div class="row">
				<div class="col-lg-8 offset-lg-2 col-md-10 offset-md-1 text-center">
					<h1 class="h1 bold">{{$title}}</h1>
				</div>
				@if($newses->count() > 0)
				<div class="col-lg-9 col-md-8 mt-5">
					<div class="main-content">
						@foreach($newses as $key => $news)
						<div class="row blog-list">
							<div class="col-sm-4">
								<img src="{{asset(config('custom.download.url'). config('custom.upload.blog.cover_image').'/'.$news->image)}}" alt="{{$news->title}}">
							</div>
							<div class="col-sm-8">
								<h2 class="mt-2 mt-sm-0"><a href="{{route('home.newsdetail',['slug' => $news->slug])}}">{{$news->title}}</a></h2>
								<p class="name small-font-size gray semibold mb-2">By @if($news->author_name) {{$news->author_name}} @else anonymous @endif on {{$news->posted_date_front_formatted}}<span class="gray em-badge ml-2">{{$news->news_category->name}}</span></p>
								<p class="gray">{{$news->short_description}}</p>
								<a href="{{route('home.newsdetail',['slug' => $news->slug])}}" class="btn btn-transparent">Read Now</a>
							</div>
						</div>
						@endforeach
					</div>
					{{ $newses->links('front.common.pagination') }}
				</div>
				@else
				<div class="col-lg-9 col-md-8 mt-5">
					<div class="main-content">
						Sorry, No any News.
					</div>
				</div>
				@endif
				<div class="col-lg-3 col-md-4 mt-5">
					<div class="sidebar right">
						<div class="sidebar-menu">
							<div class="title-wrapper">
								<h3 class="h3-title h3">News Categories</h3>
							</div>
							<ul class="m-0 p-0 d-none d-md-block">
								@foreach($newsCategories as $key => $category)
								    @if($category->news_count > 0)
								        <li><a href="{{route('home.newsOnCategory', ['category' => urlencode(lcfirst($category->name))])}}">{{ucfirst($category->name)}}</a></li>
								    @endif
								@endforeach
							</ul>
							<div class="form-group btm-arrow select d-md-none without-label">
								<select class="form-control" onchange="javascript:location.href = this.value;">
									<option value="">Select</option>
									@foreach($newsCategories as $key => $category)
									@if($category->news_count > 0)
									<option
										@if(ucfirst(request()->segment(3)) == $category->name)
										selected="select"
										@endif
										value="{{route('home.newsOnCategory', ['category' => lcfirst($category->name)])}}">{{ucfirst($category->name)}}</option>
									@endif
									@endforeach
								</select>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</section>
</main>
@endsection