@php
    $base   = $product->product_amount ?? 0;
    $price  = $base * $rate;
    $img    = $product->image_1 ?: asset('img/product/product-1.jpg');

    if ($currency === 'AED') {
        $formattedPrice = number_format($price, 2) . ' ' . $symbol;
    } else {
        $formattedPrice = $symbol . ' ' . number_format($price, 2);
    }
@endphp

<div class="col-lg-3 col-md-4 col-sm-6">
    <div class="product__item product-clickable"
         data-url="{{ route('product.show', $product->product_id) }}">

        <div class="product__item__pic set-bg" data-setbg="{{ $img }}">
            @if(!empty($product->is_new))
                <div class="label new">New</div>
            @endif
            <ul class="product__hover">
                {{-- Zoom --}}
                <li>
                    <a href="{{ $img }}" class="image-popup action-btn">
                        <span class="arrow_expand"></span>
                    </a>
                </li>

                {{-- Wishlist --}}
                <li>
                    <a href="javascript:void(0);"
                       class="add-wishlist action-btn"
                       data-id="{{ $product->product_id }}">
                        <span class="icon_heart_alt"></span>
                    </a>
                </li>

                {{-- Add to cart --}}
                <li>
                    <a href="javascript:void(0);"
                       class="add-cart action-btn"
                       data-id="{{ $product->product_id }}"
                       data-base-price="{{ $base }}"
                       data-image="{{ $img }}"
                       data-name="{{ $product->product_name }}">
                        <span class="icon_bag_alt"></span>
                    </a>
                </li>
            </ul>
        </div>

        <div class="product__item__text">
            <h6>{{ $product->product_name }}</h6>
            <div class="rating">
                <i class="fa fa-star"></i>
                <i class="fa fa-star"></i>
                <i class="fa fa-star"></i>
                <i class="fa fa-star"></i>
                <i class="fa fa-star"></i>
            </div>
            <div class="product__price">{{ $formattedPrice }}</div>
        </div>

    </div>
</div>