
    <div class="prod_card">
        <div class="img_box">
            <a href="{{route('product',$product->id)}}">
                <img src="{{asset($product->image_url)}}" class="sec-img" alt=""/>
            </a>
            @if($product->prices['cost_discount'])
                <span class="offer_badge">{{$product->prices['percentage']}}% {{ __('web.off') }}</span>
            @endif
            <div class="card_butns">
                <a href="{{route('product',$product->id)}}" class="butn secondary_butn cart_butn mx-1">
                    <i class="fas fa-cart-shopping"></i> {{ __('web.view_product') }}
                </a>
                <a style="cursor: pointer" onclick="favorite(this)" data-id="{{$product->id}}" class="butn primary_butn sm_butn fav_butn mx-1 rounded-circle @if($product->favorited()) active @endif">
                    <i class="fas fa-heart mx-0"></i>
                </a>
            </div>
        </div>
        <div class="card-body">
            <div class="tags">
                <a href="#" class=""> رياضي </a>
                <a href="#" class=""> كلاسيك </a>
            </div>
            <div class="flx-cont">
                <h5 class="title ">
                    {{$product->name}}
                </h5>
                <div class="prices justify-content-center d-flex flex-wrap">
                    @if(\Auth::user())
                        @if(\Auth::user()->role == 'company')
                            <span class="small color-gray3 me-1 wholesaleSpan">{{__('web.wholesale_price')}} :</span>
                        @endif
                    @endif
                    <b class="color-primary me-2"> @include('web.pages.components.product.price')</b>
                </div>
            </div>
        </div>
    </div>

