@php
    $product_specifications = getProductSpecifications($product);
@endphp
<a href="{{ route('product', $product->slug) }}">
    <span class="d-block products-res-wrap">
        <span class="d-block products-res-image">
            <img
                class="img-fit lazyload absolute-full h-100"
                src="{{ static_asset('assets/img/placeholder.jpg') }}"
                data-src="{{ uploaded_asset($product->thumbnail_img) }}"
                alt=""
                onerror="this.onerror=null;this.src='{{ static_asset('assets/img/placeholder.jpg') }}';"
            >
            {!! getPriceDisplay($product) !!}
        </span>
        <span class="d-block products-res-text">
            <span class="d-block products-res-title">
                <span class="text-truncate">{{toUpper($product->getTranslation('name'))}}</span>
            </span>
            @if($product_specifications['km'] || $product_specifications['engine'] || $product_specifications['gearbox'])
                <span class="d-block products-res-features">
                    <span class="row gutters-10 xl-gutters-15">
                        @if($product_specifications['km'])
                            <span class="d-block col-auto">
                            <span class="d-block products-res-feature">
                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30.6 20">
                                    <use xlink:href="{{static_asset('assets/img/icons/km-icon.svg')}}#content"></use>
                                </svg>
                                {{$product_specifications['km']}}
                            </span>
                        </span>
                        @endif
                        @if($product_specifications['engine'])
                            <span class="d-block col-auto">
                            <span class="d-block products-res-feature">
                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
                                    <use xlink:href="{{static_asset('assets/img/icons/engine-icon.svg')}}#content"></use>
                                </svg>
                                {{$product_specifications['engine']}}
                            </span>
                        </span>
                        @endif
                        @if($product_specifications['gearbox'])
                            <span class="d-block col-auto">
                            <span class="d-block products-res-feature">
                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 11.58 15.04">
                                    <use xlink:href="{{static_asset('assets/img/icons/transmission-icon.svg')}}#content"></use>
                                </svg>
                                {{$product_specifications['gearbox']}}
                            </span>
                        </span>
                        @endif
                    </span>
                </span>
            @endif
        </span>
    </span>
</a>