<div class="card custom-product-card mb-4 shadow-sm flex-fill" data-productid="{{ product.id }}">
{% set detailLink = app_product_detaillink(product) %}
<a href="{{ detailLink }}" class="text-decoration-none text-dark">
{% if(product.mainImage) %}
<div class="product-img">
{{ product.mainImage.thumbnail('grid').html({imgAttributes: {class: 'img-fluid w-100'}}) | raw }}
</div>
{% endif %}
<div class="card-body pricing">
<div class="card-body-top mt-8 mb-8">
<h4 class="card-title pricing-card-title text-uppercase mt-4">{{ product.name }}</h4>
<p class="card-text">{{ product.country | raw }}
{% if( product is instanceof('App\\Model\\Product\\Car')) %}
{# <p class="card-text">{{ product.subText | raw }}</p> #}
{% elseif(product.saleInformation.saleInformation) %}
{# <p class="card-text">{{ 'general.condition' | trans }}: {{ ('attribute.' ~ product.saleInformation.saleInformation.condition) | trans }}</p> #}
{% endif %}
</div>
<div class="card-body-bottom">
{% set priceInfo = product.oSPriceInfo %}
{#
{% if(priceInfo.hasDiscount) %}
<p class="card-price original mb-1">{{ priceInfo.originalPrice }}</p>
{% endif %} #}
{# <p class="card-price">{{ product.oSPrice }}</p> #}
<div class="row button-row mt-4 text-center align-items-center">
<div class="col p-1">
<a href="{{ detailLink }}" class="btn btn-block btn-primary ">
{{ 'general.details' | trans }}
</a>
</div>
{# <div class="col p-1">
<a href="{{ path('shop-add-to-cart', { id: product.id }) }}" class="btn btn-block btn-primary mt-4">{{ 'general.buy' | trans }} <i class=" ml-2"><img src="/static/images/icons/cart.svg" height="20" width="auto"></i></a>
</div> #}
</div>
</div>
</div>
</a>
</div>