<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 pb-3">
<h4 class="card-title pricing-card-title text-uppercase">{{ product.oSName }}</h4>
{% 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">
<div class="col p-1">
<a href="{{ detailLink }}" class="btn btn-block btn-secondary">
{{ 'general.details' | trans }}
</a>
</div>
<div class="col p-1">
<form id="shop_add_to_cart_form_{{ product.id }}" method="post" action="{{ path('shop-add-to-cart', { id: product.id }) }}">
<input type="hidden" name="_csrf_token" value="{{ csrf_token('addToCart') }}">
<a href="#" onclick="document.getElementById('shop_add_to_cart_form_{{ product.id }}').submit();"
class="btn btn-block btn-primary">{{ 'general.buy' | trans }} <i class=" ml-2"><img
src="/static/images/icons/cart.svg" height="20" width="auto"></i></a>
</form>
</div>
</div>
</div>
</div>
</a>
</div>