@php

 $dateFormate= customDateFormate($blog->created_at, $format = 'd') ;
 $dateFormate2 =customDateFormate($blog->created_at, $format = 'M') ;
 $countBlogComment  =CountBlogComment($blog->id) ?? [];
@endphp


@extends('front.layouts.master')
@section('title', $tagName->name)
@section('content')
    <div class="inner-banner">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <div class="banner-content text-center">
                        <h1>{{translate('Tag')}}</h1>
                        <span></span>
                        <nav aria-label="breadcrumb">
                            <ol class="breadcrumb">
                                <li class="breadcrumb-item"><a href="{{url('/')}}">{{translate('Home')}}</a></li>
                                <li class="breadcrumb-item active" aria-current="page">{{ $tagName->name}}</li>
                            </ol>
                        </nav>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="blog-grid-area pt-120 mb-120">
        <div class="container">
            <div class="row g-lg-4 gy-5 justify-content-center">
                @if ($blogs->count()>0)
                 @foreach($blogs as $blog)
                    <div class="col-lg-4 col-md-6 col-sm-10 mb-20">
                    <div class="recent-article-wrap">
                        <div class="recent-article-img">
                            @if (fileExists( 'blog',  $blog->blog_thumbnail) == true && $blog->blog_thumbnail !== '')
                                <img class="img-fluid" src="{{ asset('storage/blog/' . $blog->blog_thumbnail) }}"
                                    alt="blog-thumbnail">
                            @else
                                <img class="img-fluid" src="{{ asset('frontend/assets/images/416-240.png') }}" alt="blog-n-thumbnail">
                            @endif
                        </div>
                        <div class="recent-article-content">
                            <div class="recent-article-meta">
                                <div class="publish-area">
                                   <a href="{{route('blog.details',$blog->slug)}}"><span> {{ $dateFormate }}</span>{{ $dateFormate2 }}</a>
                                </div>
                                <ul>
                                    <li><a href="{{ route('blog.details', $blog->slug) }}"><img
                                        src="{{ asset('frontend/assets/images/icon/comment.svg') }}"
                                        alt="comment-icom"> {{ $blog->comments_count }}  {{  $blog->comments_count > 1 ? translate("Comments") : translate("Comment")}}</a></li>


                                    <li><a href="{{ route('blog.details', $blog->slug) }}"><img
                                                src="{{ asset('frontend/assets/images/icon/user.svg') }}"
                                                alt="user-icon">{{ $blog->author_name }}</a>
                                    </li>
                                </ul>
                            </div>
                            <h4><a href="{{route('blog.details',$blog->slug)}}">{{$blog->getTranslation('blog_title')}}</a></h4>
                            <div class="explore-btn">
                                <a href="{{route('blog.details',$blog->slug)}}"><span><img src="{{asset('frontend/assets/images/icon/explore-elliose.svg')}}" alt="btn-icon"></span> {{translate('Explore More')}} </a>
                            </div>
                        </div>
                    </div>
                </div>
                @endforeach
                <div class="col-lg-12 d-flex justify-content-center pt-20">
                    <div class="pagination-area">
                        {{ $blogs->links('front.vendor.pagination.custom') }}
                    </div>
                </div>
                  @else
                    @include('front.pages.not-found')
                 @endif
            </div>
        </div>
    </div>
@endsection