@extends('layouts.client')

@push('meta_title')
	{{ __('All Posts') }}
@endpush

@section('content')
	@if (count($news) > 0)
		<section class="section" id="trips">
			<div class="container">
				<h4 class="fw-bold">All posts on SLUBHS72</h4>

				<div class="row pt-4 g-4">

					@foreach($news as $value)
						<div class="col-xl-3 col-lg-3 col-md-4 col-sm-6">
							<div class="card">
								@php
									if ($value->meta_link != NULL) {
										$permalink = $value->meta_link;
										$redirect_attribute = 'target="_blank" rel="noopener noreferrer"';
									} else {
										$permalink = route('news.view', $value->permalink);
										$redirect_attribute = NUll;
									}
								@endphp
								<a href="{{ $permalink }}" {{ $redirect_attribute }}><img class="card-img-top lozad" data-src="{{ $value->image_file }}" alt=""></a>
								<div class="card-body">
									<span class="badge bg-dark mb-2">{{ $value->category->name }}</span>
									<a href="{{ $permalink }}" class="text-decoration-none" {{ $redirect_attribute }}>
										<h5 class="card-title">{{ Str::of($value->title)->limit(55) }}</h5>
									</a>
									<p class="card-text">{{ Str::of($value->excerpt)->limit(100) }}</p>
									<div class="card-context">
										<span class="card-author">By: {{ $value->author }}</span>
										<span class="dot"></span>
										<span class="card-date">{{ $value->date_format }}</span>
									</div>
								</div>
							</div>
						</div>
					@endforeach
					<div class="col-xl-12">
						<div class="d-flex justify-content-center mt-5">
							{{ $news->withQueryString()->links() }}
						</div>
					</div>
				</div>
			</div>
		</section>
	@endif
@endsection