{% import 'app/_inc/macros.html.twig' as m %}
{% if cartProducts|length > 0 %}
{% set nbr = cartProducts|length %}
{% else %}
{% set nbr = 0 %}
{% endif %}
<div class="icon-access" title="{{ 'Cart'|trans|raw }}">
{% if nbr>0 %}
<div class="dot"></div>
{% endif %}
{{ m.svg('icon/cart') }}
<div class="sub-wrap">
{# <div class="close_cart">{{ m.icon("cross") }}</div> #}
<p class="h4">{{ 'Cart' }}</p>
{% if cartProducts|length > 0 %}
{% else %}
<p>{{ 'Your cart is empty...'|trans|raw }}</p>
{% endif %}
<ul>
{% set total = 0 %}
{% for p in cartProducts %}
<li class="product">
{% if p.product.translate.title == 'Tome' %}
{{ m.svg('icon/icons-ollam/favi-tome-light', 'all.site') }}
{% elseif p.product.translate.title == 'Lore' %}
{{ m.svg('icon/icons-ollam/favi-lore-light', 'all.site') }}
{% else %}
{{ m.svg('icon/icons-ollam/amsel_light', 'all.site') }}
{% endif %}
<div class="product-resume">
<p>{{ 'Amsel Suite' }}</p>
<span>{{ p.product.translate.title }}</span>
<p class="price">{{ p.product.actualPrice|number_format(2, ',', ' ') }}{{ ' €' }}</p>
</div>
<a class="delete" href="{{ path('remove_to_cart', {id:p.id}) }}">
{{ m.icon('trash') }}
</a>
</li>
{% set total = total + (p.quantity * p.product.actualPrice) %}
{% endfor %}
</ul>
<div class="price_summary">
<p>{{ 'Total (incl. tax)'|trans|raw }}</p>
<p class="price">{{ total|number_format(2, ',', ' ') }}{{ ' €' }}</p>
</div>
{% if cartProducts|length > 0 %}
{{ m.btn('icons-ollam/contact', 'Checkout', path('preorder', {id:1}), {class:'btn btn-cta-secondary'}) }}
{% endif %}
</div>
</div>