@extends('layout')
@section('title')
<title>{{ $seo_setting->seo_title }}</title>
<meta name="keywords" content="{{ $seo_setting->seo_keyword }}">
<meta name="title" content="{{ $seo_setting->seo_title }}">
<meta name="description" content="{{ $seo_setting->seo_description }}">
@endsection
@section('frontend-content')
<!-- Breadcrumbs -->
<section class="inflanar-breadcrumb" style="background-image: url({{ asset($breadcrumb) }});">
<div class="container">
<div class="row">
<!-- Breadcrumb-Content -->
<div class="col-12">
<div class="inflanar-breadcrumb__inner">
<div class="inflanar-breadcrumb__content">
<h2 class="inflanar-breadcrumb__title m-0">{{__('admin.Our Blogs')}}</h2>
<ul class="inflanar-breadcrumb__menu list-none">
<li><a href="{{ route('home') }}">{{__('admin.Home')}}</a></li>
<li class="active"><a href="javascript:;">{{__('admin.Our Blogs')}}</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- End breadcrumbs -->
<!-- Privacy Policy -->
<section class="inflanar-bg-cover inflaner-inner-page pd-top-90 pd-btm-120">
<div class="container">
<div class="row">
<div class="col-xl-9 col-lg-8 col-12">
<div class="row">
@forelse ($blogs as $index => $blog)
<div class="col-xl-4 col-lg-6 col-md-6 col-12">
<!-- Single Blog -->
<div class="inflanar-blog">
<div class="inflanar-blog__head">
<a href="{{ route('blog', $blog->slug) }}"><img src="{{ asset($blog->image) }}" alt="#"></a>
</div>
<!-- Blog Content -->
<div class="inflanar-blog__content">
<ul class="inflanar-blog__meta list-none">
<li><img src="{{ asset('frontend/img/in-author-icon.svg') }}">{{__('admin.By')}} <span>{{ $blog->author ? $blog->author->name : '' }}</span></li>
<li><img src="{{ asset('frontend/img/in-calendar-icon.svg') }}"> {{ $blog->created_at->format('d M Y') }}</li>
</ul>
<h3 class="inflanar-blog__title"><a href="{{ route('blog', $blog->slug) }}">{{ $blog->title }}</a></h3>
</div>
</div>
<!-- End Single Blog -->
</div>
@empty
<div class="col-12 text-danger text-center">
<img class="sorry-img" src="{{asset('/frontend/img/empty-service.png')}}" >
<h3 class="sorry-text" >{{__('admin.Blog not found!')}}</h3>
<p class="mb-4">{{__('admin.Whoops... this information is not available for a moment')}}</p>
<a href="{{ route('blogs') }}" class="inflanar-btn inflanar-btn--header"><span>{{__('admin.Back to blog')}}</span></a>
</div>
@endforelse
</div>
<div class="row mg-top-50">
{{ $blogs->links('custom_pagination') }}
</div>
</div>
<div class="col-xl-3 col-lg-4 col-12">
<div class="inflanar-blog-sidebar">
<!-- Single Sidebar -->
<div class="inflanar-blog-sidebar__single mg-top-30">
<h4 class="inflanar-service-sidebar__title m-0">{{__('admin.Search')}}</h4>
<!-- Inflanar Search -->
<div class="inflanar-search-form inflanar-search-form__service mg-top-10">
<form class="inflanar-search-form__form" action="">
<input type="text" placeholder="{{__('admin.Search')}}" name="search" value="{{ request()->get('search') }}">
<button type="submit" class="inflanar-btn inflanar-btn--search"><img src="{{ asset('frontend/img/in-search-white.svg') }}"></button>
</form>
</div>
<!-- End Inflanar Search -->
</div>
<!-- Blog Single Sidebar -->
<div class="inflanar-blog-sidebar__single recent-post mg-top-30">
<h4 class="inflanar-service-sidebar__title m-0">{{__('admin.Popular Post')}}</h4>
<!-- Sidebar Post -->
@foreach ($popular_blogs as $popular_blog)
<div class="inflanar-sidebar__post">
<div class="inflanar-sidebar__img"><img src="{{ asset($popular_blog->image) }}" alt="#"></div>
<div class="inflanar-sidebar__content">
<h5 class="inflanar-sidebar__content--title"><a href="{{ route('blog', $popular_blog->slug) }}">{{ $popular_blog->title }}</a></h5>
<div class="inflanar-sidebar__content--date"><img src="{{ asset('frontend/img/in-calendar-icon2.svg') }}" alt="#">{{ $popular_blog->created_at->format('d M Y') }}</div>
</div>
</div>
@endforeach
<!-- End Sidebar Post -->
</div>
<!-- Blog Single Sidebar -->
<div class="inflanar-blog-sidebar__single mg-top-30">
<h4 class="inflanar-service-sidebar__title m-0">{{__('admin.Blog Categories')}}</h4>
<ul class="inflanar-sidebar__category list-none">
@foreach ($categories as $category)
<li><a href="{{ route('blogs', ['category' => $category->slug]) }}">{{ $category->name }}<span>({{ $category->total_blog }})</span></a></li>
@endforeach
</ul>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- End Privacy Policy -->
@endsection