{* supreme 1.7.3 *}
{$wa->globals("hideBreadcrumbs", true)}
{$wa->globals("hideSidebar", true)}
{$wa->globals("hidePane", true)}

{$_cart_count = $wa->shop->cart->count()}

{*EMPTY*}
{if empty($_cart_count)}

    <div class="s-cart-empty-wrapper">
        <div class="s-image-wrapper">
            <img src="{$wa_theme_url}img/shopping-cart.svg" alt="[`Your shopping cart is empty.`]">
        </div>
        <p class="s-description">{$config.cart.empty_text|default:"[`Your shopping cart is empty.`]"|escape}</p>
        <p class="s-actions-wrapper">
            <a href="{$wa_app_url}">[`Go to home page`]</a>
        </p>
    </div>

{*ORDER*}
{else}

    <div class="s-checkout-order-page" id="js-checkout-order-page">
        <div class="s-order-column">

            <section class="s-order-section" id="js-order-cart">
                <div class="s-section-header wa-flex-box full-line middle">
                    <h2 class="s-header">{$config.cart.block_name|default:"[`Shopping cart`]"|escape}</h2>
                    <a class="s-delete-button js-clear-cart" href="javascript:void(0);">
                        <span class="s-delete-icon"><i class="fa fa-times" aria-hidden="true"></i></span>[`Delete all products`]
                    </a>
                </div>
                <div class="s-section-body">
                    {$wa->shop->checkout()->cart([
                        "DEBUG" => true,
                        "wrapper" => "#js-order-cart"
                    ])}
                </div>
                <div class="s-section-footer">

                    <div class="s-back-link">
                        {$_url = $wa->getUrl('shop/frontend/')}
                        {$_refer_url = waRequest::server('HTTP_REFERER')}
                        {if !empty($_refer_url)}
                            {$_refer_host = $_refer_url|parse_url:$smarty.const.PHP_URL_HOST}
                            {$_current_url = $wa->currentUrl(true)}
                            {$_current_host = $_current_url|parse_url:$smarty.const.PHP_URL_HOST}

                            {if $_refer_host === $_current_host}
                                {$_url = $_refer_url}
                            {/if}
                        {/if}
                        <a href="{$_url|escape}"><i class="fa fa-arrow-left" aria-hidden="true"></i> [`Back to shopping`]</a>
                    </div>

                </div>
            </section>

            {strip}
            {capture assign="_cross_selling_html"}
                {$wa->shop->checkout()->crossSelling([
                    "DEBUG" => true,
                    "wrapper" => "#js-cross-selling-section"
                ])}
            {/capture}
            {/strip}

            {if !empty($_cross_selling_html)}
                <section class="s-order-section s-cross-selling-section" id="js-cross-selling-section">
                    <div class="s-section-header">
                        <h2 class="s-header">{$config.recommendations.block_name|default:"[`Recommended`]"|escape}</h2>
                    </div>
                    <div class="s-section-body">
                        {$_cross_selling_html}
                    </div>
                </section>
            {/if}

        </div>
        <div class="s-order-column">

            <section class="s-order-section" id="js-order-form">
                <div class="s-section-header">
                    <h2 class="s-header">{$config.order.block_name|default:"[`Checkout`]"|escape}</h2>
                </div>
                <div class="s-section-body">
                    {$wa->shop->checkout()->form([
                        "DEBUG" => true,
                        "wrapper" => "#js-order-form"
                    ])}
                </div>
            </section>

        </div>

        <script>
            ( function($) {

                ( typeof window.ShopOrderPage === "function" ? init() : load().then(init) );

                function load() {
                    var deferred = $.Deferred();

                    $.getScript("{$wa_theme_url}js/order.js?v={$wa->version()}", function() {
                        deferred.resolve();
                    });

                    return deferred.promise();
                }

                function init() {
                    new window.ShopOrderPage({
                        $wrapper: $("#js-checkout-order-page")
                    });
                }

            })(jQuery);
        </script>
    </div>

{/if}


{if empty($theme_settings.debug_disable_shop_frontend_order) && empty($theme_settings.debug_disable_shop_all) && empty($theme_settings.debug_disable_all_hooks)}
    <!-- plugin hook: 'frontend_order' -->
    {* @event frontend_order.%plugin_id% *}
    {foreach $frontend_order as $_}{$_}{/foreach}
{/if}