@foreach($products as $product)
    <div class="card col-sm-3 product-search-item" data-product-id="{{$product->id}}"
         onclick="addOrderLine(this)">
        <div class="card-header" style="height: 150px">
            <img class="card-img-top img-responsive center-block placeholder lazy" style="max-height: 150px;"
                 data-src="{{$product->getImageUrl()}}" src="{{ asset('img/placeholder.gif') }}" alt="Card image cap">
        </div>
        <div class="card-body text-center">
            <h4 class="card-title">{{$product->plu}}</h4>
            <p class="card-text">{{$product->name}}</p>
        </div>
        <span class="bubble" style="display: none"></span>
    </div>
@endforeach

@if ($products->count() == 0)
    <h4>No results</h4>
@endif