{% import "@SyliusShop/Common/Macro/money.html.twig" as money %}
<div class="panier panierpopup">
<div class="panier-overlay">
</div>
<div class="panier-ctn">
<div class="panierpopup-top">
{% include '@SyliusShop/Webapic/panier/panier-top.html.twig' with {'cart': cart} %}
</div>
<div class="panier-content">
<div class="panierpopup-livraison">
{# {% if app_show_free_shipping() %} #}
{% if amount != 0 and app_show_free_shipping() %}
{% include '@SyliusShop/Webapic/panier/panier-livraison.html.twig' with {'cart': cart} %}
{% endif %}
</div>
<div class="panierpopup-produits">
{% include '@SyliusShop/Webapic/panier/panier-produits.html.twig' with {'cart': cart} %}
</div>
<div class="jecraque">
<div class="title">
<span class="h4">{{ 'app.front.panier.jecraque'|trans }}</span>
</div>
<div class="bitbag-block panier-listing3">
<div class="panier-listing3-ctn">
{% for variant in moreVariants %}
{% if variant.imagesByType('image_product_main') is not empty %}
{% set source_path = variant.imagesByType('image_product_main').first.path %}
{% set path = source_path|imagine_filter('app_product_small_thumbnail_listing') %}
{% elseif variant.images.first %}
{% set source_path = variant.images.first.path %}
{% set path = source_path|imagine_filter('app_product_small_thumbnail_listing') %}
{% else %}
{% set path = asset('webapic-theme/images/icon-gmap.png') %}
{% endif %}
<div class="panier-listing1-content">
<a href="{{ path('app_product_variant_show', {'slug': variant.slug, 'id':variant.id}) }}" class="ui fluid image">
<div class="img-ctn">
<div class="img-ctn-content">
<img src="{{ path }}" id="main-image" alt="{{ variant.name }}" {{ sylius_test_html_attribute('main-image') }} />
</div>
</div>
<div class="right">
<div class="name">{{ variant.name }}</div>
{% set price = money.calculatePrice(variant) %}
{% set originalPrice = money.calculateOriginalPrice(variant) %}
<div class="sylius-product-price price">{{ price }}</div>
</div>
</a>
<div class="add">
<button class="js-add-to-cart" data-url="{{ path('app_cart_add_to_cart_ajax') }}" data-postdata="{{ '{"' ~ variant.id ~ '":1}' }}">
<img src="{{ asset('webapic-theme/images/icon-panier-small.svg') }}" class="ui image" />
</button>
</div>
</div>
{% endfor %}
</div>
</div>
</div>
</div>
<div class="panier-bottom">
{# {% include 'partials/block-bandeau.html.twig' %} #}
{% include '@SyliusShop/Webapic/panier/block-onemorething.html.twig' %}
<div class="panierpopup-total">
{% include '@SyliusShop/Webapic/panier/panier-total.html.twig' with {'cart': cart} %}
</div>
</div>
</div>
</div>
{# <div id="sylius-cart-button" class="ui circular cart button">
{{ sylius_template_event('sylius.shop.cart.widget.button', {'cart': cart}) }}
</div>
<div class="ui large flowing cart hidden popup">
{{ sylius_template_event('sylius.shop.cart.widget.popup', {'cart': cart}) }}
</div> #}