---
cart: true
---
{{inject 'cancelButtonText' (lang 'common.cancel')}}
{{#partial "page"}}
{{inject 'invalidEntryMessage' (lang 'cart.invalid_entry_message')}}
{{inject 'multiCouponUIEnabled' cart.multi_coupon_ui_enabled}}
<div class="page">

    <div class="page-content" data-cart>
        {{> components/common/breadcrumbs breadcrumbs=breadcrumbs}}

        {{> components/cart/page-title}}

        <div data-cart-status>
            {{> components/cart/status-messages}}
        </div>

        {{#if cart.items.length}}
            <div class="loadingOverlay"></div>

            <div data-cart-content class="cart-content-padding-right">
                {{> components/cart/content}}
            </div>

            {{#if cart.multi_coupon_ui_enabled}}
                <div data-cart-coupons class="cart-content-padding-right">
                    {{> components/cart/coupons}}
                </div>
            {{/if}}

            <div data-cart-totals class="cart-content-padding-right">
                {{> components/cart/totals}}
            </div>

            {{{region name="cart_below_totals"}}}

            {{#or customer (unless settings.hide_price_from_guests)}}
                {{#if cart.show_primary_checkout_button}}
                    <div class="cart-actions cart-content-padding-right">
                        <a
                            class="button button--primary"
                            href="{{urls.checkout.single_address}}"
                            title="{{lang 'cart.checkout.title'}}"
                            data-primary-checkout-now-action
                        >
                            {{lang 'cart.checkout.button'}}
                        </a>
                        {{#if cart.show_multiple_address_shipping}}
                            <a class="checkoutMultiple" href="{{urls.checkout.multiple_address}}">
                                {{lang 'cart.preview.checkout_multiple'}}
                            </a>
                        {{/if}}
                    </div>
                {{else}}
                    <div class="cart-actions cart-content-padding-right">
                        <a class="button" href="{{urls.home}}" title="{{lang 'cart.continue_shopping'}}">{{lang 'cart.continue_shopping'}}</a>
                    </div>
                {{/if}}

                {{#if cart.additional_checkout_buttons}}
                    <div data-cart-additional-checkout-buttons class="cart-additionalCheckoutButtons cart-content-padding-right">
                        {{> components/cart/additional-checkout-buttons}}
                    </div>
                {{/if}}
            {{else}}
                <div class="cart-actions cart-content-padding-right">
                    <a class="button" href="{{urls.auth.login}}" title="{{lang 'cart.login_to_checkout'}}">{{lang 'cart.login_to_checkout'}}</a>
                </div>
            {{/or}}

        {{else}}
            <h3 tabindex="0">{{lang 'cart.checkout.empty_cart'}}</h3>
        {{/if}}

    </div>
</div>
{{/partial}}
{{> layout/base}}
