@if ($grid == 2)
    <div id="product_list" class="tab_pane active show">
        <div class="product__section--inner product__section--style3__inner">
            <div class="row row-cols-1 mb--n30">
                @foreach ($products as $row)
                    <div class="col mb-30">
                        <div class="product__card product__list d-flex align-items-center">
                            <div class="product__card--thumbnail product__list--thumbnail">
                                <a class="product__card--thumbnail__link display-block" href="{{ $row->slug_name }}">
                                    <img class="product__card--thumbnail__img product__primary--img"
                                        src="{{ $row->thumb_image }}" alt="product-img">
                                    <img class="product__card--thumbnail__img product__secondary--img"
                                        src="{{ $row->thumb_image }}" alt="product-img">
                                </a>
                            </div>
                            <div class="product__card--content product__list--content">
                                <h3 class="product__card--title"><a
                                        href="{{ $row->slug_name }}">{{ $row->product_name }} </a></h3>
                                <p class="product__card--content__desc mb-20">{!! \Illuminate\Support\Str::limit($row->product_description, 450, $end = '...') !!} </p>

                            </div>
                        </div>
                    </div>
                @endforeach
            </div>
        </div>
    </div>
@else
    <div id="product_grid" class="tab_pane active show">
        <div class="product__section--inner">
            <div class="row mb--n30">
                @if (count($products) > 0)
                    @foreach ($products as $row)
                        <div class="col-lg-3 col-md-4 col-sm-6 col-6 custom-col mb-30">
                            <article class="product__card p-list bg-light">
                                <div class="product__card--thumbnail">
                                    <a class="product__card--thumbnail__link display-block"
                                        href="{{ $row->slug_name }}">
                                        <img class="product__card--thumbnail__img product__primary--img"
                                            src="{{ $row->thumb_image }}" alt="product-img">
                                        <img class="product__card--thumbnail__img product__secondary--img"
                                            src="{{ $row->thumb_image }}" alt="product-img">
                                    </a>
                                </div>
                                <div class="product__card--content">
                                    <h3 class="product__card--title p-list-text"><a
                                            href="{{ $row->slug_name }}">{{ $row->product_name }}</a>
                                    </h3>

                                </div>
                            </article>
                        </div>
                    @endforeach
                @else
                    <p class="text-center h4">No result found!</p>
                @endif
            </div>
        </div>
    </div>

@endif
{!! $products->links('frontend.pagination.custom') !!}