<div class="news-blog-area">
    <div class="row justify-content-center mb-30-none">
        @forelse($firstFourCategories as $cat)
            @php
                $catNews = $cat->news()->latest()->first();
            @endphp
            <div class="col-xl-3 col-lg-3 col-md-6 col-sm-6 mb-30">
                <div class="news-blog-item">
                    <div class="news-blog-header">
                        <span class="sub-title">
                            <a href="{{ route('category.details', $cat->id) }}">
                                {{ __(@$cat->name) }} <i class="las la-angle-double-right"></i>
                            </a>
                        </span>
                    </div>
                    <div class="news-blog-thumb">
                        <a href="{{ route('news.details', ['category' =>$catNews->category->slug, 'news' => $catNews->id]) }}">
                            <img src="{{ getImage(getFilePath('news') . '/' . $catNews->image, getFileSize('news')) }}" alt="news-blog">
                            </a>
                    </div>
                    <div class="news-blog-content">
                        <h3 class="title">
                            <a href="{{ route('news.details', ['category' =>$catNews->category->slug, 'news' => $catNews->id]) }}">
                                {{ __(@$catNews->title) }}
                            </a>
                            <div class="news-time py-1 fs-9">
                                <i class="fa-regular fa-clock me-1"></i> {{bn_number(diffForHumans($catNews->created_at)) }}
                            </div>
                        </h3>
                    </div>
                </div>
            </div>
        @empty
        @endforelse
    </div>
</div>