<div class="col-lg-4 col-md-4 col-sm-6 col-12 "><div class="single_product br-12"><div class="product_thumb product_thumb--shop"><a class="primary_img" href="{{path('app_product_details', {'slugCatProduct': product.slugCatProduct, 'slugProduct': product.slugProduct, 'id': product.id})}}"><img src="{{ asset( files_directory_relative ~ product.image) }}" alt="{{product.legendeimage|default('image ' ~ product.nameEnglish ~ 'Tany mena')}}"></a><a class="secondary_img" href="{{path('app_product_details', {'slugCatProduct': product.slugCatProduct, 'slugProduct': product.slugProduct, 'id': product.id})}}"><img src="{{ asset( files_directory_relative ~ product.image) }}" alt="{{product.legendeimage|default('image ' ~ product.nameEnglish ~ 'Tany mena')}}"></a><div class="action_links"><ul>{# <li class="wishlist"><a href="#" onclick="toggleFavorite({{product.id}})" title="Ajouter aux favoris"><i class="icon-heart icons"></i></a></li> #}<li class="quick_button"><a href="#" data-bs-toggle="modal" data-bs-target="#modal_box_product_{{product.id}}" title="Voir les détails"><i class="icon-magnifier-add icons"></i></a></li></ul></div></div><div class="product_content grid_content"><h4 class="product_name text-black"><a href="{{path('app_product_details', {'slugCatProduct': product.slugCatProduct, 'slugProduct': product.slugProduct, 'id': product.id})}}">{{product.getNameByDefaultLocale}}</a></h4><div class="price_box"><span class="old_price"></span><span class="current_price text-primary">{{product.cost|format_currency('EUR')}}</span></div><div class="add_to_cart">{% if product.available %}<form action="{{path('app_cart_add')}}" method="POST"><input type="hidden" value="1" name="quantity"/><input type="hidden" value="{{product.id}}" name="product_id"/><button class="button-no-style" type="submit"><i class="fa-solid fa-cart-shopping me-3 fa-2x"></i>{% if product.preOrder %} {% trans from 'messages.shop' %}Précommander{% endtrans %} {% else %} {% trans from 'messages.shop' %}Ajouter au panier{% endtrans %} {% endif %}</button></form>{% else %}{# <button class="button-no-style" type="button" disabled>Rupture de stock</button> #}{% trans from 'messages.shop' %}Bientôt disponible{% endtrans %}{% endif %}</div></div></div></div>