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

<hr>

<!-- Breadcrumb Section Begin -->
<div class="breadcrumb-section">
    <div class="container">
        <div class="row">
            <div class="col-lg-12">
                <div class="breadcrumb-text">
                    <h2>{{ __('header.news_title') }}</h2>
                    <div class="bt-option">
                        <a href="{{ route('home') }}">{{ __('header.home_title') }}</a>
                        <span>{{ __('header.news_grid') }}</span>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- Breadcrumb Section End -->

<!-- Blog Section Begin -->
<section class="blog-section blog-page spad">
    <div class="container">
        <div class="row">
            @foreach($posts as $post)
                <div class="col-lg-4 col-md-6">
                    <div class="blog-item set-bg" data-setbg="{{ Storage::url($post->photo) }}">
                        <div class="bi-text">
                            <span class="b-tag">
                                @php
                                    $tags=explode(',',$post->tags);
                                @endphp
                                @foreach($tags as $tag)
                                    <span>{{$tag}}</span>
                                @endforeach
                            </span>
                            <h4><a href="{{route('blog.detail',$post->slug)}}">{{$post->title}}</a></h4>
                            <div class="b-time"><i class="icon_clock_alt"></i> {{$post->created_at->format('d M , Y. D')}}</div>
                        </div>
                    </div>
                </div>
            @endforeach
        </div>
    </div>
</section>
<!-- Blog Section End -->

@endsection