@foreach($products as $product)
    <div class="col-lg-{{!empty($colWidth)?$colWidth:'4'}} col-sm-6">
        <div class="card mb-4 shadow-sm border-primary">

            <div class="card-body">
                {{-- <h1 class="card-title pricing-card-title">$0 <small class="text-muted">/ mo</small></h1>--}}

                <div class="product-picture">
                    <a href="{{route($seller ? 'shop.seller.product': 'shop.product', ['categorySlug' => $product->category->slug, 'productSlug' => $product->slug] +($seller ? [ 'sellerSlug'=> $seller->name]: []))}}">
                        <img src="{{$product->picture}}">

                    </a>
                    @if($product->seller)
                        <div class="product-seller">
                            <a href="{{route('shop.seller', ['sellerSlug' => $product->seller->name])}}">{{ucfirst($product->seller->name)}}</a>
                        </div>
                    @endif
                </div>

                <div class="row m-0">
                    <div class="show-half-to-complete border-right col-lg-6 border-top">
                        <div class="show-part show-part-left border-right" data-show-part-show="left" data-show-part-hide="right">
                            <span class="show-icon">$</span>{{$product->price}}
                        </div>

                        @if(!empty($product->seller->datas['currency']))
                            <div class="show-part show-part-right" title="{{$product->priceInSellerCurrency()}} {{$product->seller->datas['currency']}}" data-show-part-show="right" data-show-part-hide="left">
                                {{$product->priceInSellerCurrency(true)}}<span class="show-icon"><img src="/img/currency/{{$product->currency()}}-square-small.png"/></span>
                            </div>
                        @endif
                    </div>
                    <div class="show-half-to-complete col-lg-6 border-top">
                        <div class="show-part show-part-left border-right" data-show-part-show="left" data-show-part-hide="right">
                            <a class="text-decoration-none text-dark" href="{{route($seller ? 'shop.seller.product': 'shop.product', ['categorySlug' => $product->category->slug, 'productSlug' => $product->slug] +($seller ? [ 'sellerSlug'=> $seller->name]: []))}}"><i class="fa fa-eye show-icon"></i> Show</a></div>
                        <div class="show-part show-part-right" data-show-part-show="right" data-show-part-hide="left">
                            <form action="{{route('cart')}}"  method="post">
                                Add
                                {{ csrf_field() }}
                                <input type="hidden" name="action" value="addProduct">
                                <input type="hidden" name="slug" value="{{$product->slug}}">
                                <input type="hidden" name="qty" value="1">
                                <button class="bg-transparent border-0 fa fa-shopping-cart show-icon"></button>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
            <a class="card-footer text-center border-primary bg-crypto-dark text-white text-decoration-none" href="{{route($seller ? 'shop.seller.product': 'shop.product', ['categorySlug' => $product->category->slug, 'productSlug' => $product->slug] +($seller ? [ 'sellerSlug'=> $seller->name]: []))}}">
                <h4 class="my-0 font-weight-bold" alt="{{$product->title}}">{{$product->title}}</h4>
            </a>
        </div>
    </div>
@endforeach