{if method_exists(shopFlexdiscountPluginHelper, 'getActiveCoupons')}
    {$flexdiscount_coupons = shopFlexdiscountPluginHelper::getActiveCoupons()}
{/if}

<script src="{$wa_theme_url}cart.js"></script>
<div class="breadcrumbs">
    <ul>
        <li>{if $theme_settings.logo_link}<a href="{$theme_settings.logo_link}">{else}<a href="{$wa_app_url}">{/if}[`Home`]</a></li>
        <li>[`Cart`]</li>

    </ul>
</div>
<div class="cart">
    <h3>[`Cart`]</h3>
    {if !$cart.count}
    <p>[`Your shopping cart is empty.`]</p>
    <p>Акции и специальные предложения товаров на главной странице помогут Вам определиться с выбором!</p>
    <p>{if $theme_settings.logo_link}<a href="{$theme_settings.logo_link}" class="btn btn-primary">{else}<a href="{$wa_app_url}" class="btn btn-primary">{/if}[`Back to the store`]</a></p>
    {else}
    <div class="emptycart" style="display:none;">
        <p>[`Your shopping cart is empty.`]</p>
        <p>Акции и специальные предложения товаров на главной странице помогут Вам определиться с выбором!</p>
        <p>{if $theme_settings.logo_link}<a href="{$theme_settings.logo_link}" class="btn btn-primary">{else}<a href="{$wa_app_url}" class="btn btn-primary">{/if}[`Back to the store`]</a></p>
    </div>
    <form method="post" class="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">[`Discount`]: <span class="cart-discount price">{shop_currency($discount, true)}</span> <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>
    {/if}
</div>

{$related = $wa->shop->crossSelling($cart.items, 'product_id')}
{if $related}
<div class="related-cart">
    <h5 class="text-center">[`Recommended!`] {sprintf('[`Customers who bought %s also bought`]', $item.product.name|escape)}:</h5>
    <div class="row container-catalog">
        {include file="list-thumbs.html" products=$related microsheme=false}
    </div>
</div>
{/if}

<!-- PopUp container -->
<div class="cart-popup-wrapper" style="display: none;">
    <div class="cart-popup">
        {if !$cart.count}
        <div class="empty text-center">[`Your shopping cart is empty.`]</div>
        {else}
        <div class="empty text-center" style="display: none;">[`Your shopping cart is empty.`]</div>
        {foreach $cart.items as $item}
        <div class="cart-product-one" data-id="{$item.id}">
            <div class="row">
                <div class="col-lg-3 col-sm-3  col-xs-3">
                    <a href="{$wa->shop->productUrl($item.product)}" title="{$item.product.name|escape}">
                        <div class="image">
                            {$wa->shop->productImgHtml($item.product, '400', ['default' => "`$wa_theme_url`img/no-foto-catalog.gif"])}
                        </div>
                    </a>
                </div>
                <div class="col-lg-7 col-sm-7 col-xs-7">
                    <div class="cart-name"><a href="{$wa->shop->productUrl($item.product)}">{$item.product.name|escape}</a></div>
                    <div class="quanty">{$item.quantity} [`pcs`]</div>
                    <div class="price">{if $item.quantity < 2}{if $item.compare_price > 0}<s>{shop_currency($item.compare_price, true)}</s>{/if}{/if}{shop_currency($item.full_price, true)}</div>
                </div>
                <div class="col-lg-2 col-sm-2 col-xs-2 text-right">
                    <a href="#" class="delete"><i class="icon-close"></i></a>
                </div>
            </div>
        <hr>
        </div>
        {/foreach}
        <div class="popup-total">
            <a href="{$wa->getUrl('shop/frontend/checkout')}" class="btn btn-primary">[`Checkout`]</a>
        </div>
    {/if}
    </div>
</div>