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

    <div class="page-content" data-cart>
        <input type="hidden" name="safety_warnings_translations" value="{{langJson 'safety_warnings'}}" />
        {{> components/common/breadcrumbs breadcrumbs=breadcrumbs}}

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

        {{#if cart.items.length}}
            {{> components/cart/actions-toolbar}}
            <div class="spacing spacing-small"></div>
        {{/if}}
        
        {{#if cart.show_primary_checkout_button}}
            <div class="cart-actions mobile">
                <a class="button button--primary button-checkout" href="{{urls.checkout.single_address}}" title="{{lang 'cart.checkout.title'}}">
                    <i class="icon" aria-hidden="true"><svg><use xlink:href="#icon-lock" /></svg></i>
                    <span>{{lang 'cart.checkout.button'}}</span>
                </a>
                {{#if cart.show_multiple_address_shipping}}
                    <a class="checkoutMultiple" href="{{urls.checkout.multiple_address}}">
                        {{lang 'cart.preview.checkout_multiple'}}
                    </a>
                {{/if}}
                {{> components/cart/free-shipping}}
            </div>
        {{else}}
            <div class="cart-actions">
                <a class="button" href="{{urls.home}}" title="{{lang 'cart.continue_shopping'}}">{{lang 'cart.continue_shopping'}}</a>
            </div>
        {{/if}}

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

        {{#if cart.items.length}}
            <div class="loadingOverlay"></div>
            <div class="cart-main-wrapper">
                <div class="cart-content-wrapper">
                    <div data-cart-content>
                        {{> components/cart/content}}
                    </div>
                    {{> components/cart/table-cms}}
                    <div class="cart-payment-icons">
                        <i class="icon"><svg><use xlink:href="#icon-payment-visa" /></svg></i>
                        <i class="icon"><svg><use xlink:href="#icon-payment-amex" /></svg></i>
                        <i class="icon"><svg><use xlink:href="#icon-payment-discover" /></svg></i>
                        <i class="icon"><svg><use xlink:href="#icon-payment-mastercard" /></svg></i>
                    </div>
                </div>
                <div class="cart-sticky-container">
                    <div class="cart-totals-wrapper">
                        <div data-cart-totals>
                            {{> components/cart/totals}}
                        </div>

                        {{#if cart.show_primary_checkout_button}}
                            <div class="cart-actions">
                                <a class="button button--primary button-checkout" href="{{urls.checkout.single_address}}" title="{{lang 'cart.checkout.title'}}">
                                    <i class="icon" aria-hidden="true"><svg><use xlink:href="#icon-lock" /></svg></i>
                                    <span>{{lang 'cart.checkout.button'}}</span>
                                </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">
                                <a class="button" href="{{urls.home}}" title="{{lang 'cart.continue_shopping'}}">{{lang 'cart.continue_shopping'}}</a>
                            </div>
                        {{/if}}

                        {{#if cart.additional_checkout_buttons}}
                            <div class="cart-additionalCheckoutButtons">
                                {{#each cart.additional_checkout_buttons}}
                                    {{{this}}}
                                {{/each}}
                            </div>
                        {{/if}}

                        {{> components/cart/free-shipping}}
                    </div>
                </div>
            </div>
            {{{region name="cart_below_totals"}}}

            <div style="display: none;">
                {{#each cart.items}}
                    {{> components/common/wishlist-modal-cart-content customer=../customer}}
                {{/each}}
                {{> components/common/wishlist-modal-cart-content product_id=0 customer=customer}}
            </div>

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

    {{#if products.featured}}
        {{> components/products/featured products=products.featured columns=theme_settings.homepage_featured_products_column_count}}
    {{/if}}
        <!--GPI ADDED REGION-->{{{region name="CMS_CART"}}}

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