@php
    $pageLink = getThemeOption('page_setting') ?? [];
    $pageLink = $pageLink['job_list_url'] ?? 'javascript:void(0)';

    $blogs = $blogs ?? [];
@endphp
@if (count($blogs) > 0)
    @foreach ($blogs as $blog)
        <div class="blog-card2">
            <div class="row gy-4">
                <div class="col-lg-6">
                    <div class="blog-card-image">
                        <a href="{{ route('blog.details', $blog->slug) }}">
                            @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-tumbnail">
                            @endif
                        </a>
                    </div>
                </div>
                <div class="col-lg-6">
                    <div class="blog-card-content">
                        <ul>
                            <li><a
                                    href="{{ route('blog.details', $blog->slug) }}">{{ customDateFormate($blog->created_at) }}</a>
                            </li>
                            <li><a href="{{ route('blog.details', $blog->slug) }}">{{ $blog->comments_count }}
                                    {{ $blog->comments_count > 1 ? translate('Comments') : translate('Comment') }}</a>
                            </li>
                        </ul>
                        <h3><a
                                href="{{ route('blog.details', $blog->slug) }}">{{ $blog->getTranslation('blog_title') }}</a>
                        </h3>
                        <p>{{ Str::words(strip_tags($blog->getTranslation('blog_details')), 15, '...') }}
                        </p>
                        <a href="{{ route('blog.details', $blog->slug) }}"
                            class="primary-btn-3">{{ translate('Read Article') }}</a>
                    </div>
                </div>
            </div>
        </div>
    @endforeach
    <div class="row">
        <div class="col-lg-12 d-flex justify-content-center pt-20">
            <div class="pagination-area">
                {{ $blogs->links('front.vendor.pagination.custom') }}
            </div>
        </div>
    </div>
@else
    <div class="row text-center">
        <div class="col-lg-12">
            {{ no_results_found('Blog Not Found', 'Please search with other categories. There is many more blogs with different categories', 'frontend/assets/images/bg/no-search-icon.svg') }}
        </div>
    </div>
@endif