@php
    $productCardHideCategory = (isset($productCardHideCategory) ? $productCardHideCategory : false);
@endphp

<div class="c-card">
    <a class="c-card__link" @if(isset($productRoute)) href="{{ $productRoute }}" @else href="{{$links->products->route}}/{{$product->translation->slug}}" @endif>
        <figure class="c-card__figure">
            @if(isset($product->images) && $product->images->count() != 0)
                <img src="{{$product->images->first()->small_image_url}}" alt="" class="c-card__img">
            @else
                <img src="/img/no-image.svg" alt="" class="c-card__img">
            @endif
        </figure>
        <div class="c-card__description">
            @if(!empty($product->categories->first()) && !$productCardHideCategory)
                <p class="c-card__label">{{$product->categories->first()->translation->name}}</p>
            @endif
            <p class="c-card__title">
                {{$product->translation->name}}
            </p>
        </div>
    </a>
    <div class="c-card__footer">
        <span class="c-card__price">{{ $regionInfo->getCurrencySymbol().' '.$regionInfo->getNumberFormat()->centsToCurrency($product->getTotal()) }}</span>
        <button class="c-card__action  js-open-modal-from-product"
                data-product-id="{{$product->id}}"
                data-product-type="{{ get_class($product)  }}"
{{--                data-product-step="{{ $product->quantity_step }}"--}}
                data-product-step="{{ $product->quantity_step }}"
                data-product-name="{{ $product->translation->name }}"
                data-product-price="{{ $regionInfo->getCurrencySymbol().' '.$regionInfo->getNumberFormat()->centsToCurrency($product->getTotal()) }}"
                @if(isset($product->images) && $product->images->count() != 0) data-product-image="{{ $product->images->first()->small_image_url }}" @else data-product-image="/img/no-image.svg" @endif >
            @include('site.components.icons.shoppingcart')
        </button>
    </div>
</div>