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

{% set items_subtotal = sylius_order_items_subtotal(cart) %}
{% set tax_included = sylius_order_tax_included(cart) %}
{% set tax_excluded = sylius_order_tax_excluded(cart) %}

{% set item_class = 'list-style-none d-flex justify-content-between align-items-center py-3 border-top bg-transparent' %}

<div class="card bg-transparent gap-3 mb-3">
    <h3 class="h5 mb-0">{{ 'sylius.ui.summary'|trans }}</h3>

    {{ sylius_template_event('sylius.shop.cart.summary.totals', {'cart': cart}) }}

    <ul class="p-0 m-0">
        <div class="{{ item_class }} border-0">
            {{ 'sylius.ui.items_total'|trans }}:
            <span>{{ money.convertAndFormat(items_subtotal) }}</span>
        </div>

        {% if cart.orderPromotionTotal %}
            <div class="{{ item_class }}">
                {{ 'sylius.ui.discount'|trans }}:
                <span id="sylius-cart-promotion-total" {{ sylius_test_html_attribute('cart-promotion-total') }}>{{ money.convertAndFormat(cart.orderPromotionTotal) }}</span>
            </div>
        {% endif %}

        <div class="{{ item_class }}">
            {{ 'sylius.ui.shipping_estimated_cost'|trans }}:
            <span id="sylius-cart-shipping-total" {{ sylius_test_html_attribute('cart-shipping-total') }}>
                {% if cart.getAdjustmentsTotal('shipping') > cart.shippingTotal %}
                    <small><s>{{ money.convertAndFormat(cart.getAdjustmentsTotal('shipping')) }}</s></small>
                {% endif %}
                {{ money.convertAndFormat(cart.shippingTotal) }}
            </span>
        </div>

        <div class="{{ item_class }} {% if tax_included and not tax_excluded %}bg-light{% endif %}">
            {{ 'sylius.ui.taxes_total'|trans }}:

            <span class="text-end">
                {% if not tax_included and not tax_excluded %}
                    <span id="sylius-cart-tax-none" {{ sylius_test_html_attribute('cart-no-tax') }}>{{ money.convertAndFormat(0) }}</span>
                {% endif %}
                {% if tax_excluded %}
                    <span id="sylius-cart-tax-excluded" {{ sylius_test_html_attribute('cart-tax-exluded') }}>{{ money.convertAndFormat(tax_excluded) }}</span>
                {% endif %}
                {% if tax_included and tax_excluded %}<br/>{% endif %}

                {% if tax_included %}
                    <span id="sylius-cart-tax-included" {{ sylius_test_html_attribute('cart-tax-included') }}><small>({{ 'sylius.ui.included_in_price'|trans }})</small> {{ money.convertAndFormat(tax_included) }}</span>
                {% endif %}
            </span>
        </div>

        <div class="{{ item_class }}">
            <strong>{{ 'sylius.ui.order_total'|trans }}:</strong>
            <span class="h4" id="sylius-cart-grand-total" {{ sylius_test_html_attribute('cart-grand-total') }}>{{ money.convertAndFormat(cart.total) }}</span>
        </div>

        {% if cart.currencyCode is not same as(sylius.currencyCode) %}
            <div class="{{ item_class }}">
                <strong>{{ 'sylius.ui.base_currency_order_total'|trans }}:</strong>
                <span class="h4" id="sylius-cart-base-grand-total" {{ sylius_test_html_attribute('cart-base-grand-total') }}>{{ money.format(cart.total, cart.currencyCode) }}</span>
            </div>
        {% endif %}
    </ul>
</div>