<div class="product-card">
    <div class="img">
        <a href="{{route('web.product.details',$product->id)}}" class="d-block h-100">
            <img src="{{asset($product->image)}}" alt="" class="main-img">
        </a>
        <div class="brand"> <img src="{{asset($product->brand->logo)}}" alt=""> </div>
        <a style="cursor: pointer" onclick="favorite(this)" data-id="{{$product->id}}" class="fav-icon {{$account->favorited($product->id) ? 'active': ''}} toggle-active"> <i class="fal fa-heart"></i> </a>
        <a style="cursor: pointer" onclick="addToCart(this)" data-id="{{$row->id}}" count-id="1"  class="cart-icon toggle-active"> <i class="fal fa-cart-plus"></i> </a>
    </div>
    <div class="info">
        <div class="tag"> <i class="fal fa-tags me-1 cr-blue"></i> <span class="txt"> {{$product->category->currentDescription->title}} - {{$product->subCategory->currentDescription->title}} </span> </div>
        <a href="{{route('web.product.details',$product->id)}}" class="prod-title"> {{$product->title}} </a>
        <div class="price-wrapper">
            <span class="price"> {{$product->price['cost']}} </span> <small> {{__('web.sar')}} </small>
            @if($product->price['offer_discount'])
                <span class="old-price"> {{$product->price['cost_before_discount_offer']}} </span> <small class="prc"> {{$product->price['offer_percentage']}}% </small>
            @endif
            @if($product->price['discount'])
                <span class="old-price"> {{$product->price['cost_before_discount']}} </span> <small class="prc"> {{$product->price['percentage']}}% </small>
            @endif

        </div>
    </div>
</div>
