@if ($products->count())
    @foreach ($products as $product)
    <div class="product col-lg-3 col-md-4 col-sm-6"> 
        <div class="overlay">
            <img src="{{ $product->images->first()->image }}" class="overlay-image" alt="{{ $product->name }}">

            <div class="overlay-body">
                <a href="{{ route('products.show', ['slug' => $product->slug]) }}" class="btn btn-dark">View Details</a>
            </div>
        </div>

        <div class="product-body mt-auto">
            <div class="d-flex align-items-center justify-content-between">
                <div>From {{ config('app.currency') }} {{ $product->unit_price }}</div>
                <div class="product-category">{{ $product->subcategory->name }}</div>
            </div>
            <h6 class="product-name">{{ $product->name }}</h6>
        </div>
    </div>
    @endforeach

    {{ $products->links() }}
@else
    <div class="text-center text-muted lead">No Product Available</div>
@endif