@extends('website.layouts.app')

@section('content')


    @include('website.layouts.crumb')



    <!-- product tab start -->
    <section class="blog-section pt-80 pb-50">
        <div class="container">
            <div class="row">
                <div class="col-12">
                    <div class="blog-title">
                        <h2 class="title">{{ @$title }}</h2>
                        {{-- <p class="text">The latest news, videos, and discussion topics</p> --}}
                    </div>
                </div>
            </div>
            <div class="row">

                @foreach ($blogs as $blog)
                    <div class="col-12 col-md-6 col-lg-4 col-xl-4 mb-30">
                        <div class="single-blog text-left">
                            <a class="blog-thumb mb-20 zoom-in d-block overflow-hidden" href="blog-grid-left-sidebar.html">
                                <img src="{{ getImage('blog', $blog->image) }}" alt="blog-thumb-naile">
                            </a>
                            <div class="blog-post-content">
                                <h5 class="sub-title"> {{ $blog->created_at->format('Y-m-d') }} <span class="separator"></span> </h5>
                                <h3 class="title mb-15"><a href="{{ route('get.blog', [$blog->id, preg_replace('/\s+/', '-', $blog['name_' . getLang()])]) }}">{{ $blog['name_' . getLang()] }}</a></h3>
                                <p class="text">
                                    {{ strip_tags(str_limit($blog['content_' . getLang()], 200)) }}
                                </p>
                                <a class="read-more" href="{{ route('get.blog', [$blog->id, preg_replace('/\s+/', '-', $blog['name_' . getLang()])]) }}">    {{ trans('home.more') }}</a>
                            </div>
                        </div>
                    </div>
                @endforeach
            </div>
        </div>
    </section>
    <!-- product tab end -->



@endsection