@extends('frontend.layouts.master')
@section('title') Blog @endsection
@section('main-content')
@include('frontend.layouts.notification')

<!-- Start Page Title Area -->
<div class="page-title-area">
    <div class="d-table">
        <div class="d-table-cell">
            <div class="container">
                <div class="page-title-content">
                    <h2>Blog</h2>
                    <ul>
                        <li><a href="{{route('home')}}">Home</a></li>
                        <li>Blog</li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- End Page Title Area -->

<!-- Start Blog Area -->
<section class="blog-section pt-100 pb-100">
    <div class="container">
        <div class="row">
            @if($posts)
                @foreach($posts as $post)
                    <div class="col-lg-4 col-md-6 col-sm-6">
                        <div class="single-blog">
                            @php
                                $photo=explode(',',$post->photo);
                            @endphp
                            <img src="{{ Storage::url($post->photo) }}" alt="{{ Storage::url($post->photo) }}">
                            <div class="content">
                                <span>{{$post->created_at->format('d M , Y. D')}}</span>
                                <h3>
                                    <a href="{{route('blog.detail',$post->slug)}}">
                                        {{$post->title}}
                                    </a>
                                </h3>
                                <a href="{{route('blog.detail',$post->slug)}}" class="blog-btn">Read more +</a>
                            </div>
                        </div>
                    </div>
                @endforeach
            @endif
        </div>
    </div>
</section>
<!-- End Blog Area -->

@endsection