{% import "@SyliusShop/Common/Macro/money.html.twig" as money %}
{% set context = {"channel": sylius.channel} %}
{% 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 row align-items-center mx-n2">
<span class="image-panier-der col-auto pl-2 pr-0">
{% 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 col-auto px-2">
<h3>{{ item.product }}</h3>
</div>
<div class="detail-bottom col-2 px-2">
<span>{{'sylius.ui.qty'|trans}} : {{ item.quantity }}</span>
</div>
<div class="px-deroulant-panier color-pink-s col px-2"> {{ money.calculatePriceWithTax(product_variant, context) }}</div>
<div class="suppr-deroulant-panier col-auto pl-0">
<button type="button"
data-js-remove-item-ajax="{{ path('sylius_shop_ajax_cart_item_remove', {'id': item.id}) }}"
data-js-remove-item-ajax-csrf-token="{{ csrf_token(item.id) }}"
class="app-cart-remove-button bg-white border-0 px-0" title="{{'sylius.ui.delete'|trans}}"
{{ sylius_test_html_attribute('cart-remove-button', item.productName) }}><img src="{{asset('images/suppr_panier.png')}}" alt="X"></button>
</div>
</div>
{% endfor %}
</div>
{% set missingAmountFranco = app_get_missing_franco_port() %}
{% if missingAmountFranco != 0 %}
<div class="text-left pt-3 font-seize">{{'app.cart.missing_x_for_franco'|trans}} <span class="color-pink-s">{{ money.format(missingAmountFranco, cart.currencyCode) }}</span> {{'app.cart.before_free_shipping'|trans}}.</div>
{% endif %}
<div class="panier-bottom">
<table class="text-uppercase font-pro-bold " width="100%" cellpading="0">
<tr>
<td class="text-left font-seize"><span> {{ 'sylius.ui.total'|trans }} : </span></td>
<td class="text-right"><strong class="color-pink-s font-20">{{ money.convertAndFormat(cart.itemsTotal) }}</strong></td>
</tr>
</table>
</div>
<div class="btn-panier-der" >
<a href="{{ path('sylius_shop_checkout_start') }}" class="btn-link btn-block font-seize" title="{{'app.cart.finish_my_order'|trans}}"> {{'app.cart.see_cart'|trans}}</a>
</div>
</div>
</div>
{% endif %}