<div class="product" >
<div class="product_img">
<a href="">
<img src="{{ asset('assets/uploads/products/'~product.image)|imagine_filter('my_thumb_') }}" id="k{{ product.id }}cart" alt="product_img1">
</a>
<div class="product_action_box">
<ul class="list_none pr_action_btn">
<li class="d-none add-to-cart"><a class="add-to-cart_" data-parent="#k{{ product.id }}cart" data-url="{{ path('cart_add_file_js',{'id':product.id}) }}" id="product{{ product.id }}" data-id="#product{{ product.id }}"><i class="icon-basket-loaded"></i> Add To Cart</a></li>
<li><a href="" class="d-none"><i class="icon-shuffle"></i></a></li>
<li><a href="{{ path('product_details',{'slug':product.slug}) }}"><i class="icon-magnifier-add"></i></a></li>
<li><a href="#" class="d-none"><i class="icon-heart"></i></a></li>
</ul>
</div>
</div>
<div class="product_info" >
<h6 class="product_title text-center"><a class="font-monospace" href="{{ path('product_details',{'slug':product.slug}) }}">{{ product.name }}</a></h6>
<div class="product_price">
<div class="price text-center font-weight-normal">
{{ app.session.get('devise') ?? app.request.server.get('devise') }} {{ product.price }}
{% if product.maxPrice > 0 %}
- <span class="text-dark">{{ app.session.get('devise') ?? app.request.server.get('devise') }} {{ product.maxPrice }} </span>
{% endif %}
</div>
{% if product.isPromotionalPrice %}
<div class="on_sale_ text-center">
<del class="text-danger">{{ app.session.get('devise') ?? app.request.server.get('devise') }} {{ product.reelPrice }}</del>
<span>{{ product.pourcentagePromotionalPrice }} % Off</span>
</div>
{% else %}
<div class="on_sale_ text-center">#######</div>
{% endif %}
<div class=" text-info text-center font-weight-normal">(min-order) {{ product.minCommande }}</div>
</div>
<div class="rating_wrap justify-content-center">
<div class="rating">
{% set note = 0 %}
{% set totalRate = 5 * product.reviewsProducts|length %}
{% for review in product.reviewsProducts %}
{% set note = review.note + note %}
{% endfor %}
<div class="product_rate" style="width:{{ totalRate > 0 ? ((note/totalRate) * 100):0 }}%"></div>
</div>
<span class="rating_num">{{ product.reviewsProducts|length }}</span>
</div>
<div class="pr_desc">
<p>{{ product.description }}</p>
</div>
<div class="pr_switch_wrap">
<div class="product_color_switch">
{% for color in product.colors %}
<span data-color="{{ color.hexadecimal }}"></span>
{% endfor %}
</div>
</div>
</div>
</div>