@if($blogs->count() > 0)
    <!-- rts blog post area -->
    <div class="rts-blog-post-area shape-blog-one rts-section-gap">
        <div class="container">
            <div class="row mb--30">
                <div class="col-12">
                    <div class="title-area text-center">
                        <span data-sal-delay="150" data-sal="slide-up" data-sal-duration="800">@lang('frontend.latest_posts')</span>
                        <h3 class="title" data-sal-delay="250" data-sal="slide-up" data-sal-duration="800">@lang('frontend.latest_blog_posts')
                        </h3>
                    </div>
                </div>
            </div>
            <div class="row g-5">
                @foreach($blogs as $blog)
                    <div class="col-xl-4 col-md-6 col-sm-12 col-12">
                    <!-- single blog post -->
                    <div class="rts-blog-post-area-one" data-sal-delay="150" data-sal="slide-up" data-sal-duration="800">
                        <a class="thumbnail" href="{{ $blog->appUrl }}"><img src="{{ $blog->getFirstMediaUrl('blog_images') }}" alt="{{ $blog->title }}">
                        <a href="{{ $blog->appUrl }}">
                            <h5 class="title">
                                {{ $blog->title }}
                            </h5>
                        </a>
                        <div class="blog-footer">
                            <div class="time">
                                <i class="far fa-clock"></i>
                                <span>{{ \Carbon\Carbon::parse($blog->created_at)->format('d.m.Y') }}</span>
                            </div>
                        </div>
                    </div>
                    <!-- single blog post End -->
                </div>
                @endforeach
            </div>
        </div>
    </div>
    <!-- rts blog post area End -->
@endif