---
cart: true
---
{{#partial "page"}}
<div class="page container">

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

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

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

        <!-- quick add -->
        {{> components/b3/quick-add}}

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

                <div class="cart-content cart-col">
                    <div data-cart-content class="cart-content-padding-right">
                        {{> components/cart/content}}
                    </div>
                    <div class="divider-bar"></div>
                </div>
                <div class="cart-price_total cart-col">
                    <h2 class="cart-totals_title">{{lang 'cart.cart_totals'}}</h2>
                    <div data-cart-totals class="cart-content-padding-right">
                        {{> components/cart/totals}}
                    </div>

                    {{#if cart.show_primary_checkout_button}}
                        <div class="divider-bar"></div>
                        <div class="cart-agreement cart-actions">
                            <label for="agreement" ><input id="agreement" name="agreement" type="checkbox"><span>
                        {{lang 'cart.checkout.iagreeto'}}<a href="/terms-conditions/" target="_blank">{{lang 'cart.checkout.termsandconditions'}}</a>
                        </span></label>
                        </div>
                        <div class="cart-actions cart-content-padding-right">
                            <a class="cart-to-checkout button button--primary" disabled="disabled" title="{{lang 'cart.checkout.title'}}" style="width: 100%;">{{lang 'cart.checkout.button'}}</a>
                            <a class="cart-to-checkout button button--primary enable" href="{{urls.checkout.single_address}}" title="{{lang 'cart.checkout.title'}}" style="width: 100%;">{{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>
                        <div class="cart-actions">
                            <a class="a-link" href="{{urls.home}}" title="{{lang 'cart.continue_shopping'}}"><img class="action-icons" src="{{cdn 'img/icons/full-arrow.svg'}}" alt=""><span>{{lang 'cart.continue_shopping'}}</span></a>
                        </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 class="cart-additionalCheckoutButtons cart-content-padding-right">
                            {{#each cart.additional_checkout_buttons}}
                                {{{this}}}
                            {{/each}}
                        </div>
                    {{/if}}
                </div>
            </div>
        {{else}}
            <h3 class="cart-col" tabindex="0">{{lang 'cart.checkout.empty_cart'}}</h3>
        {{/if}}

    </main>
</div>

{{/partial}}
{{> layout/base}}