@if($posts->isNotEmpty())
    <section class="section-box">
        <div class="container mt-90">
            <div class="row">
                @foreach($posts as $post)
                    <div class="col-lg-4 col-sm-12 pr-30 mb-50">
                        <div class="card-grid-style-4">
                            @if($post->categories->count())
                                <span class="tag-dot">
                                    @foreach($post->categories as $category)
                                        {{-- <a href="{{ $category->url }}">{{ $category->name }}</a> --}}
                                        <a href="javascript:void(0);">{{ $category->name }}</a>
                                        @if(!$loop->last)
                                            ,
                                        @endif
                                    @endforeach
                                </span>
                            @endif
                            <a class="text-heading-4" href="{{ $post->url }}">{!! BaseHelper::clean($post->name)
                                !!}</a>
                            <div class="grid-4-img">
                                <a href="{{ $post->url }}">
                                    <img src="{{ RvMedia::getImageUrl($post->image, 'medium', false, RvMedia::getDefaultImage()) }}"
                                        alt="{{ $post->name }}">
                                </a>
                            </div>
                        </div>
                    </div>
                @endforeach
            </div>
            <div>
                {!! $posts->withQueryString()->links(Theme::getThemeNamespace('partials.pagination')) !!}
            </div>
        </div>
    </section>
@endif