@extends('public.layouts.default')

@section('title')
	{{ ($meta != null) ? $meta->title : 'Rydeus | Blogs'}}
@endsection

@section('content')
	<div class="hero-block-style" style="background-image: url('{{ asset("storage/images/fleet-banner.jpg") }}')">
		<div class="container">
			<h1 class="main-heading text-center">Blogs</h1>
		</div>
	</div>
	@include('public.includes.breadcrumb', ['class' => "fleet_sec"])
	<div class="home_blog_sec blog_listing_sec pt-with-breadcrumb">
		<div class="container">
			<div class="home_blog_wrap">
				<div class="row">
					@if($blogs->count())
					@foreach($blogs as $blog)
					<div class="col-md-4">
						<div class="home_blog_box">
							<div class="home_blog_img">
								@if($blog->image==null)
								<img src="{{ asset("storage/images/blog-placeholder.jpg") }}" loading="lazy" alt="{{$blog->title}}">
								@else
								<img src="{{ $blog->image }}" loading="lazy" alt="{{$blog->main_image_alt}}">
								@endif
							</div>
							<div class="home_blog_txt">
								<p class="blog_title"><a href="{{ route('blogs.show', $blog->slug) }}/">{{$blog->title}}</a></p>
								<div class="blog_desc"><p>{!! Str::words(strip_tags($blog->description),13) !!}</p></div>
								{{-- <div class="blog_more_link">
									<a href="{{ route('blogs.show', $blog->slug) }}/"><i class="fa-regular fa-angle-right"></i></a>
								</div> --}}
							</div>
						</div>
					</div>
					@endforeach
					@endif
				</div>
				<div class="text-center form-group page-nav">
					@if($blogs->isEmpty())
						<h2 class="text-center" style="font-weight:600;"> Blog Does Not Exist</h2>
					@else
						@include('common.blog_pagination',['record_paginator'=>$blogs])
					@endif
				</div>
			</div>
		</div>
	</div>

@endsection