{% import "@SyliusShop/Common/Macro/money.html.twig" as money %}

{# <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> #}
<li class="dropdown cart_dropdown">
    <a class="nav-link cart_trigger" href="#" data-bs-toggle="dropdown">
        <i class="linearicons-cart"></i><span class="cart_count">{{ cart.items|length }}</span>
    </a>
    {% if cart.empty %}
        {# {{ 'sylius.ui.your_cart_is_empty'|trans }}. #}
    {% else %}
    <div class="cart_box dropdown-menu dropdown-menu-right">
        <ul class="cart_list">
        {% for item in cart.items %}
            <li>
                <a href="#">{% include '@SyliusShop/Product/_mainImage.html.twig' with {'product': item.product} %}{{ item.product }}</a>
                <span class="cart_quantity"> {{ item.quantity }} x <span class="cart_amount"> <span class="price_symbole"></span></span>{{ money.convertAndFormat(item.unitPrice) }}</span>
            </li>
        {% endfor %}
        </ul>
        <div class="cart_footer">
            <p class="cart_total"><strong>{{ 'sylius.ui.subtotal'|trans }}:</strong> <span class="cart_price"> <span class="price_symbole"></span></span>{{ money.convertAndFormat(cart.itemsTotal) }}</p>
            <p class="cart_buttons">
                <a href="{{ path('sylius_shop_cart_summary') }}" class="btn btn-fill-line rounded-0 view-cart">{{ 'sylius.ui.view_and_edit_cart'|trans }}</a>
                <a href="{{ path('sylius_shop_checkout_start') }}" class="btn btn-fill-out rounded-0 checkout">{{ 'sylius.ui.checkout'|trans }}</a>
            </p>
        </div>
    </div>
    {% endif %}
</li>

{# {% if cart.empty %}
    {{ 'sylius.ui.your_cart_is_empty'|trans }}.
{% else %}
    <div class="ui list">
        {% for item in cart.items %}
            <div class="item">{{ item.quantity }} x <strong>{{ item.product }}</strong> {{ money.convertAndFormat(item.unitPrice) }}</div>
        {% endfor %}
        <div class="item"><strong>{{ 'sylius.ui.subtotal'|trans }}</strong>: {{ money.convertAndFormat(cart.itemsTotal) }}</div>
    </div>
    <a href="{{ path('sylius_shop_cart_summary') }}" class="ui fluid basic text button">{{ 'sylius.ui.view_and_edit_cart'|trans }}</a>
    <div class="ui divider"></div>
    <a href="{{ path('sylius_shop_checkout_start') }}" class="ui fluid primary button">{{ 'sylius.ui.checkout'|trans }}</a>
{% endif %} #}