{if !empty($settings.is_dadata)}
    <link href="https://cdn.jsdelivr.net/npm/suggestions-jquery@18.8.0/dist/css/suggestions.min.css" type="text/css" rel="stylesheet" />
    <!--[if lt IE 10]>
    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery-ajaxtransport-xdomainrequest/1.0.1/jquery.xdomainrequest.min.js"></script>
    <![endif]-->
    <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/suggestions-jquery@18.8.0/dist/js/jquery.suggestions.min.js"></script>
{/if}
<link href="{$onestep_css_url}" rel="stylesheet" type="text/css" />
{if !empty($settings.sticky)}
    <script src="{$wa_app_static_url}plugins/onestep/js/jquery.airStickyBlock.min.js"></script>
{/if}
<script src="{$wa_app_static_url}plugins/onestep/js/jquery.validate.min.js"></script>
<script src="{$wa_app_static_url}plugins/onestep/js/jquery.inputmask.bundle.min.js"></script>
<script type="text/javascript" src="{$onestep_js_url}"></script>

{if !$cart.count}

    <p>[`Your shopping cart is empty.`]</p>

{else}
    <!-- general welcome text -->
    <div class="onestep-cart cart">
        {if $settings.mode != 'only_checkout'}
            <form method="post" class="onestep-cart-form cartform">
            {foreach $cart.items as $item name=foo}
        <div class="cart-product" data-id="{$item.id}">
            <div class="row">
                <div class="col-lg-2 col-md-2 col-sm-3 image text-xs-center ">
                    <a href="{$wa->shop->productUrl($item.product)}" title="{$item.product.name|escape}">{$wa->shop->productImgHtml($item.product, '400', ['default' => "`$wa_theme_url`img/no-foto-catalog.gif"])}</a>
                </div>
                <div class="col-lg-6 col-md-6 col-sm-5 text-xs-center  text-lg-left text-md-left text-sm-left">
                    <p class="name"><a href="{$wa->shop->productUrl($item.product)}">{$item.product.name|escape}</a>{if $item.sku_name && $item.sku_name != $item.product.name}<br>({$item.sku_name|escape})</b>{/if}</p>
                    {if !empty($item.services)}
                    <a href="#" class="dop">[`Additional services`]</a>
                    <!-- services -->
                    <div class="services" style="display: none;">
                        {foreach $item.services as $service_id => $s}
                        <div {if !empty($s.id)}data-id="{$s.id}"{/if}>
                            <label class="checkbox">
                                <input data-id="{$item.id}" {if !empty($s.id)}checked{/if} type="checkbox" name="services[{$item.id}][]" value="{$service_id}"> {$s.name|escape} {if $s.price && !isset($s.variants)}(<span>+{shop_currency($s.price, $s.currency)}</span>){/if}
                            </label>
                            {if isset($s.variants)}
                            <select name="service_variant[{$item.id}][{$service_id}]" {if empty($s.id)}disabled{/if}>
                            {foreach $s.variants as $variant_id => $v}
                            <option {if $s.variant_id== $variant_id}selected{/if} value="{$variant_id}">{$v.name|escape} (+{shop_currency($v.price, $s.currency)})</option>
                            {/foreach}
                            </select>
                            {/if}
                        </div>
                    {/foreach}
                    </div>
                    {/if}
                </div>
                <div class="col-lg-3 col-md-3 col-sm-3 text-xs-center">
                    <span class="price"><h4 class="item-total">{shop_currency($item.full_price, true)}</h4></span>
                    <div class="select_quantity">
                        <div class="input-group spinner">
                            <input type="text" class="form-control text-center select_input_cart quantity qty{if !empty($item.error)} error{/if}" name="quantity[{$item.id}]" value="{$item.quantity}" autocomplete="off">
                            <div class="input-group-addon">
                                <a href="#" class="spin-up inc_cart"><i class="fa fa-caret-up"></i></a>
                                <a href="#" class="spin-down dec_cart"><i class="fa fa-caret-down"></i></a>
                              
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-1 col-md-1 col-sm-1 text-center">
                    <a class="delete" href="#" title="[`Remove from cart`]"><i class="icon-close"></i></a>
                </div>
            </div>
            {if !empty($item.error)}
            <script>alert({json_encode($item.error)});</script>
            {/if}
        </div>
        {/foreach}

        {if shopDiscounts::isEnabled('coupons')}
        <div class="cupon-text  text-center" {if $coupon_code} style="display: none;" {/if}> <a href="#">[`I have a coupon!`]</a></div>
        <div class="cupon" {if !$coupon_code}style="display: none;" {/if}>
        <div class="row">
            <div class="col-lg-3 col-sm-5 col-xs-12 ">
                <p>[`Promo code`]:</p>
            </div>
            <div class="col-lg-6 col-sm-7 col-xs-12">
                <div class="input-group">
                    <input type="text" name="coupon_code" value="{$coupon_code|escape}" placeholder="[`Enter code`]" autocomplete="off">
                    <span class="input-group-btn"><button class="btn" type="submit">[`Apply`]</button></span>
                </div>
            </div>
        </div>
        {if $coupon_code && empty($coupon_discount) && empty($flexdiscount_coupons) && empty($coupon_free_shipping)}
        <div class="wa-error-msg text-center">[`Invalid coupon code`]</div>
        {/if}
        </div>
        {/if}

        {if shopAffiliate::isEnabled() && !empty($add_affiliate_bonus)}
        <div class="text-center">
            <p class="affiliate-text">{sprintf("[`This order will add <strong>+%s bonuses</strong> to  your account, which you will be able to spend on getting additional discounts later.`]", $add_affiliate_bonus)}</p>
        </div>
        {/if}

        {if shopAffiliate::isEnabled() && $affiliate_bonus > 0}
        <!-- affiliate bonus -->
        <div class="row affiliate-block">
            <div class="text-center">
                {if $add_affiliate_bonus > 0}
                <div class="bonuses">{sprintf("[`This order will add +%s points to your affiliate bonus.`]", $add_affiliate_bonus)}
                </div>
                {/if}
                {sprintf('[`Your current affiliate bonus of %s points allows you to get an additonal discount of up to %s`]', $affiliate_bonus, "<span class=\"affiliate-discount-available\">{shop_currency($affiliate_discount)}</span>")}
                {if $use_affiliate}
                <p><a id="cancel-affiliate" href="#">[`Don’t use bonus discount`]</a></p>
                {else}
                <p><a id="use_affiliate" href="#">[`Use bonus`]</a></p>
                {/if}
            </div>
        </div>
        {/if}

        <div class="checkout-block">
           <p class="text-center">{if $discount!=0}[`Discount`]: <span class="cart-discount price">{shop_currency($discount, true)}</span>{/if} <span class="br">[`Total`]: <span class="cart-total price">{shop_currency($cart.total, true)}</span></span></p>
          {* <div class="row">
                <div class="col-lg-12 text-center">
                    <div class="back-to-shop hidden-md-down">&#8592; {if $theme_settings.logo_link}<a href="{$theme_settings.logo_link}">{else}<a href="{$wa_app_url}">{/if}[`Back to the store`]</a></div>
                    <input name="checkout" type="submit" value="[`Checkout`]" class="btn btn-primary"> {if method_exists(shopStorequickorderPlugin, 'cart_button')}{shopStorequickorderPlugin::cart_button()}{/if}</div>
              </div>*}

        </div>
    <!-- plugin hook: 'frontend_cart' -->
    {* @event frontend_cart.%plugin_id% *}
    {foreach $frontend_cart as $_}{$_}{/foreach}                   

            </form>

            <div class="clear-both"></div>
        {/if}

        {include file=$checkout_path}

    </div>

    <script type="text/javascript">
        $.onestep.init({
            shipping_url: "{$wa->getUrl('/frontend/shipping',['plugin' => 'onestep'])}",
            validate: {intval($settings.validate)},
            is_phonemask: {intval($settings.is_phonemask)},
            phonemask: "{$settings.phonemask|escape}",
            is_dadata: {intval($settings.is_dadata)},
            dadata_key: "{$settings.dadata_key|escape}",
            dadata_fio: {intval($settings.dadata_fio)},
            dadata_email: {intval($settings.dadata_email)},
            dadata_address: {intval($settings.dadata_address)},
            sticky: {intval($settings.sticky)},
            submit: {intval($wa->post('confirmation'))}
        });
    </script>
{/if}