{% import "@SyliusShop/Common/Macro/money.html.twig" as money %}
{{ sonata_block_render_event('sylius.shop.product.index.before_box', {'product': product}) }}
<div class="ui fluid card" id="box-product-card">
<a href="{{ path('sylius_shop_product_show', {'slug': product.slug, '_locale': product.translation.locale}) }}"
class="blurring dimmable image" id="image-box-ahref">
<div class="ui dimmer">
<div class="content">
<div class="center">
<div class="ui inverted button">{{ 'sylius.ui.view_more'|trans }}</div>
</div>
</div>
</div>
{% include '@SyliusShop/Product/_mainImage.html.twig' with {'product': product} %}
{% include '@SyliusShop/Common/_addToWishlist.html.twig' %}
</a>
<div class="content wishlist" id="content-box-product">
<a
href="{{ path('sylius_shop_product_show', { slug: product.slug, _locale: product.translation.locale }) }}"
class="header sylius-product-name"
>{{ product.name }}</a>
{% if not product.variants.empty() %}
<div class="sylius-product-price">{{ money.calculatePrice(product|sylius_resolve_variant) }}</div>
{% endif %}
<div class="sylius-time-place">
<div>
{# {% if nombreJours is defined %}#}
{# <div>#}
{# <i class="clock icon"></i>{{ journee }} jours#}
{# </div>#}
{% if journee is defined %}
<div>
<i class="clock icon"></i>{{ journee }} jours
</div>
{% endif %}
</div>
<div>
<i class="map marker alternate icon"></i> {{ product.vendor.vendorAddress.city }}, {{ product.vendor.vendorAddress.country }}
</div>
</div>
</div>
</div>
{{ sonata_block_render_event('sylius.shop.product.index.after_box', {'product': product}) }}