@forelse($products as $product)
    <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6">
        <div class="flower-card card-hover">
            <a href="{{ route('front.shop.product', ['slug' => $product->slug]) }}">
                <figure>
                    <img src="{{ $product->productImage() }}" class="img-fluid"
                         alt="{{ $product->product_alt ?? 'img' }}">
                </figure>
                <div class="flower-content">
                    <h3>
                        {{ $product->Category->name ?? ($product->categories->first()->name ?? '') }}
                    </h3>
                    <h4>{{ $product->name ?? '' }}</h4>
                    <h5>${{ $product->price ?? '' }}</h5>
                    <div class="d-flex">
                        @if($product->strain_type)
                            <span>{{ $product->strain_type }}</span>
                        @endif
                    </div>
                </div>
            </a>
        </div>
    </div>
@empty
    <p class="col-md-12">Sorry! No products found</p>
@endforelse