@extends('frontend.layouts.master')
@section('title') {{ __('header.news_title') }} @endsection
@section('main-content')

<!-- breadcrumb start-->
<section class="breadcrumb breadcrumb_bg">
    <div class="container">
        <div class="row">
            <div class="col-lg-12">
                <div class="breadcrumb_iner text-center">
                    <div class="breadcrumb_iner_item">
                        <h2>Our Blog</h2>
                        <p>home <span>//</span>Blog</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- breadcrumb start-->


<!--================Blog Area =================-->
<section class="blog_area section_padding">
    <div class="container">
        <div class="row">
            <div class="col-lg-8 mb-5 mb-lg-0">
                <div class="blog_left_sidebar">
                    @if($posts)
                        @foreach($posts as $post)
                            <article class="blog_item">
                                <div class="blog_item_img">
                                    @php
                                        $photo=explode(',',$post->photo);
                                    @endphp
                                    <img class="card-img rounded-0" src="{{ Storage::url($post->photo) }}" alt="{{ Storage::url($post->photo) }}">
                                    <a href="#" class="blog_item_date">
                                        {{-- <h3>15</h3> --}}
                                        <p>{{$post->created_at->format('d M , Y. D')}}</p>
                                    </a>
                                </div>

                                <div class="blog_details">
                                    <a class="d-inline-block" href="{{route('blog.detail',$post->slug)}}">
                                        <h2>{{$post->title}}</h2>
                                    </a>
                                    <p>{!! substr($post->description, 0, 100) !!}</p>
                                    {{-- <ul class="blog-info-link">
                                        <li><a href="#"><i class="far fa-user"></i> Travel, Lifestyle</a></li>
                                        <li><a href="#"><i class="far fa-comments"></i> 03 Comments</a></li>
                                    </ul> --}}
                                    <p>Tags: <b>{{ $post->tags }}</b></p>
                                </div>
                            </article>
                        @endforeach
                    @endif
                </div>
            </div>
        </div>
    </div>
</section>
<!--================Blog Area =================-->

@endsection