<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}) }}" class=""><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 %} - {{ app.session.get('devise') ?? app.request.server.get('devise') }} {{ product.maxprice }} {% endif %}
{% if product.minCommande > 1 %}<br>
<span class="product_sort_info_ text-info font-weight-normal"> (min-order) {{ product.minCommande }}</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 }} {% if product.reelMaxPrice > 0 %} - {{ app.session.get('devise') ?? app.request.server.get('devise') }} {{ product.reelMaxPrice }} {% endif %}</del>
<span>{{ product.pourcentagePromotionalPrice }} % Off</span>
</div>
{% else %}
<div class="on_sale_ text-center">#######</div>
{% endif %}
</div>
<div class="text-center itemsCart">
<button data-loader="#btnQuickView{{ product.id }}" data-body="#modalQuickViewId" data-modal="#quickviewModal" data-color="bg-primary" data-url="{{ path('product_details_json',{'id':product.id}) }}" id="btnQuickView{{ product.id }}" type="button" class="js-modal-quick-view btn btn-primary font-weight-bold btn-sm" title="{{ 'Quick view' }}" >{{ 'QUICK VIEW'|trans }}</button>
</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>