<div class="basketTotals">

    <div class="totalsRows">

        <div class="totalRow discounts" v-for="discount in basket.discounts_found">

            <div class="costTitle" v-html="discount.discount_name"></div> <!-- .costTitle -->

            <div class="cost" v-html="'-' + multi_currency(discount.discount_amount)"></div> <!-- .cost -->

        </div> <!-- .discounts -->

        <div class="totalRow subTotal">

            <div class="costTitle">
                Sub total
            </div> <!-- .costTitle -->

            <div class="cost" v-html="multi_currency(basket.cost_subtotal)"></div> <!-- .cost -->

        </div> <!-- .subTotal -->


        {% if settings.COUPON_ENABLED %}
            {{ include('shop/basket/coupon.twig') }}
        {% endif %}


        {{ include('shop/basket/delivery.twig') }}


        {% if settings.BASKET_SHOW_VAT %}

            <div class="totalRow vat">

                <div class="costTitle">
                    VAT (inclusive){% if settings.VAT_ENABLED == false %} at {{ settings.VAT_RATE }}%{% endif %}
                </div> <!-- .costTitle -->

                <div
                        class="cost"
                        v-if="!basket.no_vat"
                        v-html="multi_currency(basket.cost_vat)"
                ></div> <!-- .cost -->

                <div class="cost" v-else>
                    No VAT
                </div>

            </div> <!-- .vat -->

        {% endif %}


        <div class="totalRow totals">

            <div class="costTitle">
                Total
            </div> <!-- .costTitle -->

            <div class="cost" v-html="multi_currency(basket.cost_total)"></div> <!-- .cost -->


        </div> <!-- .totals -->

    </div> <!-- .totalsRows -->

</div> <!-- .basketTotals -->
