@forelse($products as $product)
    <div class="col-6 col-md-4 col-lg-3 col-xl-4 product-holder">
        <div class="product">
            <!--<div class="sale-badge">Redus</div>-->
            <div class="product__image">
                <img src="{{ $product->getFirstMediaUrl('images', 'medium') }}" alt="{{ $product->name }}"
                     class="img-fluid">
                <div class="product__options">
                    @auth
                        <button class="btn add-to-favorit add-remove-favorites p-0 mr-1 {{ $product->is_favorite() ? 'added-to-favorit' : ''}} {{ 'product-favorited'.$product->is_favorite() }}" data-url="{{ route('client.account.add-remove-favorites') }}" data-product_id="{{ $product->id }}">
                            <span class="icon icon-heart"></span>
                        </button>
                    @endauth
                    <a href="{{ route('site.product.show', $product) }}" class="ml-1">
                        <span class="icon icon-plus"></span>
                    </a>
                </div>
            </div>
            <div class="border-top text-center mx-2 mx-md-3 py-3">
                <div class="product__name mb-2">{{ $product->name }}</div>
                <div class="product__price">{{ $product->price }} Lei</div>
            </div>
        </div>
    </div>
@empty
@endforelse