{% import "@SyliusShop/Common/Macro/money.html.twig" as money %}
{% if cart.empty %}
{% else %}
<div class="panier-deroulant">
<div class="content-panier-deroulant">
<div class="scrollPerso max-200">
{% for item in cart.items %}
{% set product_variant = item.variant %}
<div class="deroulant-panierBit">
<span class="image-panier-der">
{% set product = product_variant.product %}
{% include '@SyliusShop/Product/_mainImage.html.twig' with {'product': product, 'filter': 'sylius_shop_product_tiny_thumbnail'} %}
</span>
<div class="detail-panierBit">
<h3>{{ item.product }}</h3>
{% if item.simpleProductOptions|length > 0 %}
{% set productWithoutOptionsPrice = item.unitPrice %}
<div class="detail-middle">
{% for option in item.simpleProductOptions %}
{% set productWithoutOptionsPrice = productWithoutOptionsPrice - option.price %}
<span>{{ option.name }} : {{ money.convertAndFormat(option.price) }}</span><br>
{% endfor %}
<span class="font-weight-bold">{{ 'app.ui.alone_product'|trans }} : {{ money.convertAndFormat(productWithoutOptionsPrice) }}</span>
</div>
{% endif %}
<div class="detail-bottom">
<span>{{ 'sylius.ui.quantity' |trans }} : {{ item.quantity }}</span>
<strong class="px-deroulant-panier"> {{ money.convertAndFormat(item.unitPrice) }}<small> {{'app.common.tax_notincluded'|trans}}</small></strong>
<div class="clear"></div>
</div>
</div>
</div>
{% endfor %}
</div>
<div class="panier-bottom">
<table class="autre-frais" width="100%" cellpading="0">
<tr>
<td class="text-left"><span> {{ 'app.cart.totalHT'|trans }} : </span></td>
<td class="text-right"><strong class="total-panier-der color-rouge">{{ money.convertAndFormat(cart.itemsTotal) }}</strong></td>
</tr>
</table>
</div>
<div class="btn-panier-der" >
<a href="{{ path('sylius_shop_cart_summary') }}" class="btn-link btn-block btn-font">{{ 'app.cart.view_and_edit_cart'|trans }}</a>
<a href="{{ path('sylius_shop_checkout_start') }}" class="btn-link btn-block btn-font btn-grey"> {{ 'sylius.ui.checkout'|trans }}</a>
</div>
</div>
</div>
{% endif %}