{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">
        {if $settings.mode != 'only_checkout'}
            <form method="post" class="onestep-cart-form">
                <table width="100%" class="table cart">
                    <!-- products -->
                    {foreach $cart.items as $item}
                        <tr data-id="{$item.id}">
                            <td class="min-width">
                                <a href="{$wa->shop->productUrl($item.product)}" title="{$item.product.name|escape}">
                                    {if !empty($item.product.image_id)}
                                        {$wa->shop->productImgHtml($item.product, '48x48', ['itemprop' => 'image', 'alt' => $item.name])}
                                    {else}
                                        <img src="{$wa_app_static_url}img/image-dummy-small.png" class="not-found" style="width: 48px; height: 48px;">
                                    {/if}
                                </a>
                            </td>
                            <td>
                                <a href="{$wa->shop->productUrl($item.product)}" class="bold">{$item.product.name|escape}</a>
                                {if $item.sku_name && $item.sku_name != $item.product.name}
                                    {$item.sku_name|escape}
                                {/if}
                                <br /><br />
                                {if !empty($item.services)}
                                    <div class="services">
                                        {foreach $item.services as $service_id => $s}
                                            <!-- one option -->
                                            <div {if !empty($s.id)}data-id="{$s.id}"{/if}>
                                                <label>
                                                    <input {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_html($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}
                                {if !empty($item.error)}
                                    <script>
                                        $(function () {
                                            alert({json_encode($item.error)});
                                        });
                                    </script>
                                {/if}
                            </td>
                            <td class="align-center nowrap">
                                <span class="choice"><span class="plus">+</span><span class="minus">-</span><input type="text" name="quantity[{$item.id}]" value="{$item.quantity}" class="qty{if !empty($item.error)} error{/if}"></span>
                            </td>
                            <td class="align-center item-total nowrap">{shop_currency_html($item.full_price, true)}</td>
                            <td class="align-center"><a class="delete" href="#" title="[`Remove from cart`]"><i class="icon16 remove"></i></a></td>
                        </tr>
                    {/foreach}

                    <!-- discount coupon -->
                    <tr class="no-border" {if !shopDiscounts::isEnabled('coupons') && !$discount}style="display:none"{/if}>
                        <td colspan="2" class="no-border">
                            {if shopDiscounts::isEnabled('coupons')}
                                [`Discount coupon (if you have one)`]:
                                <input type="text" name="coupon_code" value="{$coupon_code|escape}"> <input type="submit" name="apply_coupon_code"  value="[`Apply`]">
                            {/if}
                        </td>
                        <td class="align-right">[`Discount`]</td>
                        <td class="align-center cart-discount nowrap">&minus; {shop_currency_html($discount, true)}</td>
                        <td>&nbsp;</td>
                    </tr>

                    {if shopAffiliate::isEnabled() && $affiliate_bonus > 0}
                        <!-- affiliate bonus -->
                        <tr class="no-border">
                            <td colspan="3" class="no-border">
                                {sprintf('[`Your current affiliate bonus of %s points allows you to get an additonal discount of up to %s`]', $affiliate_bonus, shop_currency_html(shopAffiliate::convertBonus($affiliate_bonus)))}
                                {if $use_affiliate}
                                    <a id="cancel-affiliate" href="#">[`Cancel`]</a>
                                {else}
                                    <input type="submit" name="use_affiliate" value="[`Use bonus`]">
                                {/if}
                            </td>
                            <td class="align-center">&minus; {if $use_affiliate}{shop_currency_html(shopAffiliate::convertBonus($used_affiliate_bonus))}{else}0{/if}</td>
                            <td>&nbsp;</td>
                        </tr>
                    {/if}

                    <!-- TOTAL -->
                    <tr class="large no-border">
                        <td colspan="2"></td>
                        <td class="align-right">[`Total`]</td>
                        <td class="cart-total align-center total bold nowrap">{shop_currency_html($cart.total, true)}</td>
                        <td>&nbsp;</td>
                    </tr>

                    <!-- checkout -->
                    {if shopAffiliate::isEnabled() && !empty($add_affiliate_bonus)}
                        <tr class="no-border">
                            <td colspan="4">
                                <em class="affiliate float-right">{sprintf("[`This order will add +%s points to your affiliate bonus.`]", $add_affiliate_bonus)}</em>
                            </td>
                            <td>&nbsp;</td>
                        </tr>
                    {/if}
                </table>

                <!-- 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}