@extends('front.includes.master')
@if (\App::getLocale() == 'ar')
    <style>
        .page-header,.entry-main-content,.detail-info ,.custom{
            direction: rtl;
            text-align: right;
        }
    
    </style>
@endif
@section('main-content')
    <!-- Slider Area -->
    <div class="page-header breadcrumb-wrap">
      <div class="container">
          <div class="breadcrumb">
              <a href="{{route('front')}}" rel="nofollow">{{ __('admin.web.Home') }}</a>
              <span></span> {{ __('admin.web.Blogs') }}
          </div>
      </div>
  </div>
  
  <section class="mt-50 mb-50">
    <div class="container custom">
        <div class="row">
            <div class="col-lg-12">
                <div class="single-header mb-50 text-center">
                    <h1 class="font-xxl text-brand">{{ __('admin.web.Blog') }}</h1>
                </div>
                <div class="loop-grid pr-30">
                    <div class="row">
                      @foreach($data as $blog)
                      @if(\App::getLocale()=='en') 
                        @php
                            $blogname=$blog->blog_title_en;
                            $blogsummary=$blog->blog_summery_en;
                            $category=$blog->blogCategory->lookup_name_en;
                        @endphp
                      @else
                        @php
                            $blogname=$blog->blog_title;
                            $blogsummary=$blog->blog_summery;
                            $category=$blog->blogCategory->lookup_name;
                        @endphp
                      @endif
                        <div class="col-lg-3">
                            <article class="wow fadeIn animated hover-up mb-30">
                                <div class="post-thumb img-hover-scale">
                                    <a href="{{route('front.single-blog',$blog->id)}}">
                                        <img src="{{URL('/core/public/storage/uploads/blogs/images/'.@$blog->blog_image2)}}" alt="">
                                    </a>
                                    <div class="entry-meta">
                                        <a class="entry-meta meta-2" href="#">{{$category}}</a>
                                    </div>
                                </div>
                                <div class="entry-content-2">
                                    <h4 class="post-title mb-15">
                                        <a href="{{route('front.single-blog',$blog->id)}}">{{$blogname}}</a></h4>
                                    <p class="post-exerpt mb-30 font-sm">{{$blogsummary}}</p>
                                    <div class="entry-meta meta-1 font-xs color-grey mt-10 pb-10">
                                        <a href="{{route('front.single-blog',$blog->id)}}" class="text-brand">{{ __('admin.web.Read more') }}<i class="fi-rs-arrow-right"></i></a>
                                    </div>
                                </div>
                            </article>
                        </div>
                        @endforeach
                
                    </div>
                </div>
                <!--post-grid-->
                <div class="pagination-area mt-15 mb-lg-0">
                    <nav aria-label="Page navigation example">
                        {!! $data->appends(request()->except('page'))->links() !!}
                    </nav>
                </div>
            </div>
        </div>
    </div>
</section>


 @endsection