<div class="col-6 col-md-4 col-lg-3 position-relative">
    <div class="product-card" style="margin:7px -5px;">
        <a href="{{ route('products.show', $product->slug) }}" >
            <div class="card-front">
                <div class="card-header">
                   
                    @if($product->country_code && isset(config('countries')[$product->country_code]) && isset(config('countries')[$product->country_code]['flag']))
                    
                        <div class="country-flag ">
                            <img src="{{asset(config('countries')[$product->country_code]['flag'])}}" alt="{{$product->country_code}}">
                        </div> 
                    @endif
                    @if($product->code)
                        <div class="product-code">کد کالا {{$product->code}}</div>
                    @endif
                </div>
                <div class="product-image">
                    <img src="{{ asset($product->image) }}">
                </div>
                <div class="card-footer">
                    <div class="product-info">
                        <div class="product-name">{{ $product->name }}</div>
                        @if($product->special)
                            <div class="product-price d-flex align-items-end justify-content-between" >
                                <div class="off-percent hover-hidden mt-2">{{$product->discount}}%</div>
                            </div>
                        @endif
                    </div>
                </div>
            </div>
            <div class="card-back d-flex flex-column justify-content-end">
                <div class="product-price d-flex align-items-end justify-content-between">
                    
                   
                        @if($product->special)
                            <div class="off-percent">{{number_format($product->discount, '0')}}%</div>
                        @endif    
                        @if($product->stock)
                            @if($product->price)
                                <div class="price-off">
                                    @if($product->special)
                                        <!--<div class="off">{{ number_format($product->price) }}</div>-->
                                        <div class="off"> {{ number_format($product->price +
                                              ($product->activeOptionValues->first()?->pivot?->price ?? 0)) }} تومان</div>
                                    @endif    
                                    <!--<div class="price">{{ number_format($product->special_mask ?: $product->price) }} تومان</div>-->
                                    <div class="price"> {{ number_format(($product->special ?: $product->price) +
                                          ($product->activeOptionValues->first()?->pivot?->price ?? 0)) }} تومان</div>
                                </div>
                            @else
                              <p class="text-danger">تماس بگیرید</p>
                            @endif
                        @else
                            <div class="price-off">
                               
                                <div class="price">ناموجود</div>
                            </div>
                        @endif
                 
                </div>
            </div>
        </a>
    </div>
</div>