@extends('layouts.web.app')
@section('page_title')
    @lang('site.blogs')
@endsection
@section('content')
    <!-- Page Title -->
    <div class="page-title-area title-img-one" style="background-image: url({{asset('uploads/page_images/'.$pages[0]->about_banner_image)}}">
        <div class="d-table">
            <div class="d-table-cell">
                <div class="page-title-text">
                    <h2>@lang('site.blogs')</h2>
                    <ul>
                        <li>
                            <a href="{{route('/')}}">@lang('site.home')</a>
                        </li>
                        <li>
                            <i class="{{(app()->getLocale() == 'ar' ? 'icofont-simple-left' :  'icofont-simple-right')}}"></i>
                        </li>
                        <li>@lang('site.blogs')</li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <!-- End Page Title -->

    <!-- Blog -->
    <section class="blog-area blog-area-two  pt-100">
        <div class="container">
            <div class="row">
                @foreach($blogs as $blog)
                <div class="col-sm-6 col-lg-4">
                    <div class="blog-item wow fadeInUp" data-wow-delay=".3s">
                        <a href="{{route('blog',['id'=>$blog->id,'slug'=>make_slug($blog->title)])}}">
                            <img src="{{asset('uploads/blog_images/'. $blog->image)}}" alt="Blog">
                        </a>
                        <div class="blog-inner">
                            <span>{{$blog->category}}</span>
                            <h3>
                                <a href="{{route('blog',['id'=>$blog->id,'slug'=>make_slug($blog->title)])}}">{{$blog->title}}</a>
                            </h3>
                            <ul>
                                <li>
                                    <i class="icofont-calendar"></i>
                                    {{ date('M-j-Y', strtotime($blog->created_at)) }}
                                </li>
                                <li>
                                    <i class="icofont-user-alt-7"></i>
                                    <a href="javascript:;">@lang('site.writer')</a>
                                </li>
                            </ul>
                            <p>{!! Str::words($blog->description, 10) !!}</p>
                            <a class="blog-link" href="{{route('blog',['id'=>$blog->id,'slug'=>make_slug($blog->title)])}}">
                                @lang('site.read_more')
                                <i class="icofont-simple-right"></i>
                            </a>
                        </div>
                    </div>
                </div>
                @endforeach

            </div>
<!--            <div class="case-pagination">
                <ul>
                    <li>
                        <a href="#">
                            <i class="icofont-simple-left"></i>
                        </a>
                    </li>
                    <li>
                        <a href="#">1</a>
                    </li>
                    <li>
                        <a href="#">2</a>
                    </li>
                    <li>
                        <a href="#">3</a>
                    </li>
                    <li>
                        <a href="#">
                            <i class="icofont-simple-right"></i>
                        </a>
                    </li>
                </ul>
            </div>-->
        </div>
    </section>
    <!-- End Blog -->
@endsection