@foreach($products as $index => $product)
    <div class="col-xl-4 col-lg-6 my-3 products">
        <div class="image-icon-box" data-scroll data-scroll-speed="-1">
            <a href="{{ route('products.get.venue', $product->slug) }}" class="w-100">
                <figure class="icon">
                    <img src="{{ asset('assets/frontend/images/'.strtolower(unserialize($product->category[0]->title)['title_en'].'.png')) }}" alt="Image"> 
                </figure>
                <figure class="content-image">
                    @if($product->image && file_exists(public_path('assets/images/products/'.$product->image)))
                        <img src="{{ asset('assets/images/products/'.$product->image) }}" alt="Image">
                    @else 
                        <img src="{{ asset('assets/images/products/default_index.jpg') }}" alt="Image">
                    @endif
                </figure>
            </a>
            <div class="content-box border round-cirlce"> 
                <b>{{ $product->price + $product->sprenty_price + $product->tax }} ₾</b>
                <h4>{{ unserialize($product->title)['title_'.app()->getLocale()] }}</h4>
                <div class="expand">
                    <p>{{ unserialize($product->address)['address_'.app()->getLocale()] }}</p>
                    <a href="{{ route('products.get.venue', $product->slug) }}" class="custom-link">Learn More</a>
                </div>
            </div>
        </div>
    </div>
@endforeach

<div class="my-3 d-flex justify-content-center products w-100">
    {{ $products->links() }}
</div>