@extends('layouts.app')

@section('title','Our Blog')

@section('meta')
<meta name="description" content="View our blog posts on a variety of topics. From the latest Reef news, tips and tricks when hybrid working and much more!">
<meta property="og:image" content="{{asset('images/reef-rocks-ltd.jpg')}}">

<meta property="twitter:image" content="{{asset('images/reef-rocks-ltd.jpg')}}">

<meta property="og:image:width" content="600"/>
<meta property="og:image:height" content="315"/>
@endsection

@section('header')
	@include('front.partials.header')
@endsection

@section('content')
<div class="page-wrapper">
<section class="standard-block py-4 py-md-5">
    <div class="container">
        <h1 class="h2 mb-3 mb-md-4 text-uppercase f-35">Latest blogs</h1>

        <div class="row g-5">

           

            @foreach ($blogPosts as $post)
                <div class="col-12 col-md-6 col-lg-4">
                    <div class="blog-single">
                        <div class="image-wrapper mb-4">
                            <div class="image" style="background-image: url('{!!Storage::url($post->image)!!}');">
                                <img src="{!!Storage::url($post->image)!!}" alt="{{$post->alt_tag}}" class="d-none">
                            </div>
                        </div>
                        <p class="h2 mb-0 f-35">
                            <a href="{{route('blog_single', [$post->id, str_replace('.', '', str_replace(' ', '-', $post->title))])}}" class="h3">{!!$post->title!!}</a>
                        </p>
                        <div class="bottom d-flex align-items-center justify-content-between">
                            <div>Posted by <a href="#"><u>{{$post->user->name}}</u></a> on {{ \Carbon\Carbon::parse($post->created_at)->isoFormat(' Do MMMM YYYY')}}</div>
                            {{-- <div>
                                <span class="time">5 min read</span>
                            </div> --}}
                        </div>
                        <a href="{{route('blog_single', [$post->id, str_replace('.', '', str_replace(' ', '-', $post->title))])}}" class="stretched-link"><span class="visually-hidden">Open Link</span></a>
                    </div>
                </div>
            @endforeach           
        </div>
    </div>
</section>

@include('front.partials.free_trial_black_bar')

@endsection

@section('footer')
    @include('front.partials.footer')
</div>
@endsection