@if($products->count())
    <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4 mb-10">
        @foreach($products as $product)
            <div class="relative product-card border rounded-md transition duration-300 ease-in-out hover:-translate-y-1 JS__popup-trigger"
             data-popup="{{$product}}">

                <img
                    src="{{ asset('content_file_upload/products/' . $product->image) }}"
                    alt="Product Image"
                    class="w-full h-48 object-contain"
                >

                {{--<div class="text-sm mb-2">
                    {!! $product->{'description_' . $lang} !!}
                </div>--}}

                <div class="bg-red-700 p-2 text-center">
                    <h5 class="text-lg font-bold text-white">
                        {{ $product->name }}
                    </h5>
                </div>

            </div>
        @endforeach
    </div>
@else
    <p class="text-gray-500">No products found.</p>
@endif