{strip}

{if $theme_settings.navigation_always}
    {$wa->globals("isShopHome", true)}
{/if}

{$_cart_url = $wa->getUrl('shop/frontend/cart')}
{if $wa->param('checkout_version') == 2}

    {if method_exists($wa->shop, 'checkout')}
        {$_cart_url = $wa->shop->checkout()->cartUrl()}
    {else}
        {$_cart_url = $wa->getUrl('shop/frontend/cart')}
    {/if}

{/if}

{function name="pluralform" n=1 f1='' f2='' f3=''}
    {$n = abs($n)}
    {$n1 = $n % 10}
    {$n2 = $n % 100}
    {$n}
    {if $n1 == 1 && $n2 != 11}{$f1}
    {elseif $n1 >= 2 && $n1 <= 4 && ($n2 < 10 || $n2 >= 20)}{$f2}
    {else}{$f3}{/if}
{/function}
<script src="{$wa_theme_url}js/jquery.ez-plus.js"></script>
<div class="product {if $theme_settings.navigation_always}layout{/if}" itemscope itemtype="http://schema.org/Product">

    {if $theme_settings.navigation_always && !$wa->isMobile()}
    <aside style="visibility: hidden;">

        {if $theme_settings.product_sidebar}
            {$_ar_blocks = explode(',', $theme_settings.product_sidebar|replace:' ':'')}

            {foreach $_ar_blocks as $block}
                {if $block}{include file="sidebar.$block.html" inline}{/if}
            {/foreach}
        {/if}

    </aside>
    {/if}
    {if $theme_settings.navigation_always}<main>{/if}

        {if !empty($theme_settings.navigation_always)}
            {include file="breadcrumb.html" inline}
        {/if}

        {* Product block *}
        <div class="container-product">
            <div class="container">

                {$favorite_p = waRequest::cookie("shop_favorite", '', waRequest::TYPE_STRING)}
                {assign var=favorite_p_split value=","|explode:$favorite_p}

                <div class="product-header">
                    {if !$wa->isMobile()}
                        {if $theme_settings.product_prevnext}
                            <div class="product-prev-next-wrap">
                                {$prev = null}
                                {$next = null}
                                {$siblings = $wa->shop->products("category/`$product.category_id`")}
                                {foreach $siblings as $sibling}
                                    {if $sibling.id == $product.id}
                                        {$next = $sibling}
                                    {/if}
                                    {if !$next && $sibling.id != $product.id}
                                        {$prev = $sibling}
                                    {/if}
                                    {if $next && $sibling.id != $product.id}
                                        {$next = $sibling}
                                        {break}
                                    {/if}
                                {/foreach}
                                {$last_sibling = end($siblings)}
                                {if $last_sibling.id == $product.id}
                                    {$next = null}
                                {/if}

                                {if $prev || $next}
                                    {if $prev}
                                        <div class="prev-next product-prev hidden-sm-down">
                                            <a href="{$prev.frontend_url}"></a>
                                            <div class="arrow-prev"><i class="fas fa-chevron-left"></i>
                                                <div class="product-wrap">
                                                    <div class="product-info">
                                                        <div class="product-image"><img src="{$wa->shop->productImgUrl($prev, '0x96')|default:"`$wa_theme_url`img/no-foto-catalog.gif"}" alt="" title=""></div>
                                                        <div class="product-title">{$prev.name|replace:"&quot;":""|escape|truncate:150:"...":true}<b>{shop_currency($prev.price)}{if $prev.compare_price}<s>{shop_currency($prev.compare_price)}</s>{/if}</b></div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    {/if}
                                    {if $next}
                                        <div class="prev-next product-next hidden-sm-down">
                                            <a href="{$next.frontend_url}"></a>
                                            <div class="arrow-next"><i class="fas fa-chevron-right"></i>
                                                <div class="product-wrap">
                                                    <div class="product-info">
                                                        <div class="product-image"><img src="{$wa->shop->productImgUrl($prev, '0x96')|default:"`$wa_theme_url`img/no-foto-catalog.gif"}" alt="" title=""></div>
                                                        <div class="product-title">{$next.name|replace:"&quot;":""|escape|truncate:150:"...":true}<b>{shop_currency($next.price)}{if $next.compare_price}<s>{shop_currency($next.compare_price)}</s>{/if}</b></div>

                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    {/if}
                                {/if}
                            </div>
                        {/if}
                    {/if}

                    {$wa->shop->badgeHtml($product.badge)}<h1 class="category-name" itemprop="name">{$product.name|escape}
                        {if $wa->user()->isAdmin()}
                            <span class="edit"><a href="{$wa_backend_url}shop/?action=products#/product/{$product.id}/edit/" title="[`Edit`]" target="_blank"><i class="fas fa-pencil-alt"></i></a></span>
                        {/if}
                    </h1>
                    {$sku = $product.skus[$product.sku_id]}
                    <div class="row">
                        <div class="col-lg-4 col-md-3 col-sm-6 col-xs-12">
                            {* rating block *}
                            {if $theme_settings.catalog_rating}
                                <a href="#" class="add-review"><div class="rating-block">
                                        {if !empty($product.rating) && $product.rating > 0}
                                        <span class="rating" title="{sprintf('[`Average user rating: %s / 5`]', $product.rating)}" itemprop="aggregateRating" itemscope itemtype="http://schema.org/AggregateRating">{$wa->shop->ratingHtml($product.rating, 32)}<meta itemprop="ratingValue" content="{$product.rating}"><meta itemprop="reviewCount" content="{$reviews_total_count}"></span>{else}<i class="icon32 star-empty"></i><i class="icon32 star-empty"></i><i class="icon32 star-empty"></i><i class="icon32 star-empty"></i><i class="icon32 star-empty"></i>{/if}<span class="review-count">({if $wa->locale() == 'ru_RU'}{pluralform n=$reviews_total_count f1=' отзыв' f2=' отзыва' f3=' отзывов'}{else}{$reviews_total_count} [`review`]{/if})</span></div></a>
                            {/if}
                        </div>
                        {* sku or not sku? *}
                        <div class="col-lg-8 col-md-6 col-sm-6 col-xs-12 text-right">
                            <div class="icons-compare-favorite">
                                {if $theme_settings.catalog_fav}
                                <span class="compare-favorite-icon{if in_array($product.id, $favorite_p_split)} active{/if}" data-product="{$product.id}" data-type="product">
                                        <a href="#" class="favorite-link"><i class="far fa-heart"></i>В избранное</a>
                                    </span>{/if}

                                {if $theme_settings.catalog_compare}
                                    {$compare_p = waRequest::cookie('shop_compare', '', waRequest::TYPE_STRING)}
                                    {$compare = $wa->shop->inComparison($product.id)}
                                    <span class="compare-compare-icon{if $wa->shop->inComparison($product.id)} active{/if}" data-product="{$product.id}" data-type="product">
                                            <a href="#" class="compare-link"><i class="fas fa-signal"></i>В сравнение</a>
                                        </span>
                                    <a class="comparepage_link" {if count(explode(',', $compare_p)) lt 2}style="display:none"{/if} rel="nofollow" href="{$wa->getUrl('/frontend/compare/', ['id' => $compare_p])}">К списку сравнения (<span class="count">{if !$compare_p}0{else}{count(explode(',', $compare_p))}{/if}</span>)</a>
                                {/if}
                            </div>
                        </div>
                    </div>
                </div>

                <div class="row row-some-height" style="table-layout: fixed;">
                    <div class="col-lg-5 {if $theme_settings.navigation_always}col-md-12{else}col-md-6{/if} col-sm-12 col-xs-12">

                        {if $product.images}
                            {if !$wa->isMobile()}
                                <div class="product-gallery text-center">
                                    {* Video container*}
                                    {if method_exists($product, 'getVideo')}
                                        {$video = $product->video}
                                        {if $video}
                                            <div id="video-container" class="video-container left-padding" style="display: none;">
                                                <iframe src="{$video.url}" style="width:100%;height:350px;"></iframe>
                                            </div>
                                        {/if}
                                    {else}
                                        {$video = null}
                                    {/if}
                                    {* Big photo *}

                                    <div class="image{if count($product.images) > 1} left-padding{/if}" data-number="1" id="product-core-image">

                                        {if $theme_settings.product_zoom}

                                            <a href="{$wa->shop->productImgUrl($product, '970')}" data-fancybox title="{foreach $product.images as $d}{$d.description|escape}{/foreach}">{$wa->shop->productImgHtml($product, '970', [ class => 'zoom-image-elevate',  'data-zoom-image' => $wa->shop->productImgUrl($product, "970"), 'itemprop' => 'image',  'id' => 'product-image', 'alt' => $product.name|escape])}</a>

                                        {else}
                                            <a href="{$wa->shop->productImgUrl($product, '970')}" data-fancybox title="{foreach $product.images as $d}{$d.description|escape}{/foreach}">{$wa->shop->productImgHtml($product, '970', [ 'itemprop' => 'image',  'id' => 'product-image', 'alt' => $product.name|escape])}</a>
                                        {/if}


                                        <div class="image-hint"><i class="fa fa-search"></i> [`Click image for a larger view`]</div>
                                    </div>

                                    {* Thumbs photos *}
                                    {if count($product.images) > 1 || (count($product.images) === 1 && $video)}
                                        <div class="more-images" id="product-gallery">
                                            {foreach $product.images as $image}
                                                <div class="push-to-fancybox image{if $image.id == $product.image_id} selected{/if}"{if $image@iteration >= 7} style="display:none;"{/if}>
                                                    <a data-number="{$image@iteration}" id="product-image-{$image.id}" href="{$wa->shop->imgUrl($image, '970')}" {if $image.description} title="{$image.description|escape}"{/if}>
                                                        {$wa->shop->imgHtml($image, '0x96', ['alt' => $product.name|escape])}
                                                    </a>
                                                </div>
                                            {/foreach}

                                            {if $video}
                                                <div class="image video">
                                                    <a id="product-image-video" href="{$video.url}">
                                                        <img src="{$video.images[0]}"  alt="{$product.name|escape}">
                                                    </a>
                                                </div>
                                            {/if}
                                            {if count($product.images) > 6}
                                                <div class="more-hide">
                                                    <a href="#">
                                                        [`More`] +{count($product.images)-6}
                                                    </a>
                                                </div>
                                            {/if}
                                        </div>
                                    {/if}
                                </div>
                            {else}
                                {* Mobile image slider*}
                                <div class="home-slider slider-product">
                                <ul {if count($product.images) > 1}class="js-product-image-slider"{/if}>
                                {foreach $product.images as $image}
                                    <li class="mobile-slide">
                                        {$wa->shop->imgHtml($image, '970', [ 'alt' => $product.name|escape])}
                                    </li>
                                {/foreach}
                                </ul>
                                </div>
                            {/if}
                        {else}
                            <div class="product-gallery" id="product-core-image">
                                <img src="{$wa_theme_url}img/no-foto.gif" id="product-image" alt="">
                            </div>
                        {/if}
                    </div>
                    <div class="col-lg-7 {if $theme_settings.navigation_always}col-md-12{else}col-md-6{/if} col-sm-12 col-xs-12  col-some-height">


                        <div class="row row-some-height">
                            <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">

                                {* product summary *}
                                {if $product.summary}<p class="summary" itemprop="description">{$product.summary}</p>{/if}

                                {if !$wa->isMobile()}
                                    {if $theme_settings.product_features}
                                        {if $product.features}
                                        <div class="h5 features">[`Features`]:</div>
                                        <dl class="expand-content">
                                            {foreach $product.features as $f_code => $f_value}
                                                <dt {if $f_value@iteration > 5} style="display:none;"{/if} {if $features[$f_code].type == 'divider'} class="divider"{/if}>{$features[$f_code].name|escape}</dt>
                                                <dd{if $f_value@iteration > 5} style="display:none;"{/if} {if $features[$f_code].type == 'divider'} class="divider"{/if}>
                                                    {if is_array($f_value)}
                                                        {if $features[$f_code].type == 'color'}
                                                            {implode('<br /> ', $f_value)}
                                                        {else}
                                                            {implode(', ', $f_value)}
                                                        {/if}
                                                    {else}
                                                        {$f_value}
                                                    {/if}
                                                </dd>
                                            {/foreach}

                                        </dl>
                                            {if count($product.features) > 5}
                                                <span class="show-all-features">[`Show all features`] ({count($product.features)})</span>
                                            {/if}
                                        {/if}
                                    {/if}
                                {/if}

                                {if $theme_settings.product_share}
                                    <!-- Social icon -->
                                    <div class="share-social">
                                        <script src="//yastatic.net/es5-shims/0.0.2/es5-shims.min.js"></script><script src="//yastatic.net/share2/share.js"></script><div class="ya-share2" data-services="{$theme_settings.product_share_name}"></div>
                                    </div>
                                {/if}


                                {* Tags *}
                                {if $theme_settings.tags_view}
                                    {if $product.tags}
                                        <div class="tags" id="product-tags">
                                            [`Tags`]: {foreach $product.tags as $t}
                                                <a href="{$wa->getUrl('/frontend/tag', ['tag' => urlencode($t)])}">{$t}</a>{/foreach}
                                        </div>
                                    {/if}
                                {/if}

                            </div>
                            <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">

                                {if $theme_settings.top_product}
                                {$_date = $theme_settings.top_product_timer|cat:' days'}
                                {$date = $_date|strtotime|date_format:'Y-m-d H:i:s'}
                                    {if $product.id|in_array:explode(',', $theme_settings.top_product_id)}
                                            <div class="promotions">
                                            <div class="color-one">
                                                <div class="inner" style="background:{$theme_settings.top_product_color} !important;">
                                                    <div class="h1">{$theme_settings.top_product_title}
                                                        {if $theme_settings.top_product_timer != 'off'}
                                                            <div class="countdown">
                                                                <span class="js-promo-countdown" data-start="{date('Y-m-d')}" data-end="{$date}"></span>
                                                            </div>
                                                        {/if}
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    {/if}
                                {/if}

                                <div class="card-product-inner">
                                    <form id="cart-form{if $wa->get('cart')}-dialog{/if}" method="post" action="{$wa->getUrl('/frontendCart/add')}" class="flexdiscount-product-form" data-cart-url="{$_cart_url}" data-name="{$product.name|escape}" data-price="{shop_currency($product.price)}" data-favorite-link="{$wa->getUrl('shop/frontend/search')}?view=favorite">

                                        {if $sku.sku}<div class="articul"><i class="fas fa-info-circle"></i> [`Code`]: <span>{$sku.sku|escape}</span></div>{/if}

                                        {* stock info *}
                                        {$product_available = $product.status}
                                        {if $product_available || count($product.skus) > 1}
                                            <div class="stocks" {if count($product.skus) > 1}style="opacity: 0;"{/if}>
                                                {function name=in_stock n=0 low=5 critical=2}
                                                    {if $n > $low or $n === null}
                                                        <span class="stock-high"><i class="fa fa-check" aria-hidden="true"></i> [`In stock`]</span>
                                                    {elseif $n > $critical}
                                                        <span class="stock-low"><i class="fa fa-check" aria-hidden="true"></i> {_w("Only a few items left")}</span>
                                                    {elseif $n > 0}
                                                        <span class="stock-critical"><i class="fa fa-check" aria-hidden="true"></i>  {_w("Only %d left in stock", "Only %d left in stock", $n)}</span>
                                                    {else}
                                                        <span class="stock-none red">{if $wa->shop->settings('ignore_stock_count')}<i class="fa fa-check" aria-hidden="true"></i> [`Pre-order only`]{else}<i class="fa fa-times" aria-hidden="true"></i>
         [`Out of stock`]{/if}</span>
                                                    {/if}
                                                {/function}
                                                {foreach $product.skus as $sku}
                                                    <div {if $sku.id != $product.sku_id}style="display:none"{/if} class="sku-{$sku.id}-stock">
                                                        {if $sku.stock}
                                                            {foreach $stocks as $stock_id => $stock}
                                                                {if isset($sku.stock[$stock_id])}
                                                                    {$stock_count = $sku.stock[$stock_id]}
                                                                {else}
                                                                    {$stock_count = null}
                                                                {/if}
                                                                {$stock.name}: {in_stock n=$stock_count low=$stock.low_count critical=$stock.critical_count}
                                                                <br>
                                                            {/foreach}
                                                        {else}
                                                            {in_stock n=$sku.count}
                                                        {/if}
                                                    </div>
                                                {/foreach}
                                                {if $product.sku_type}
                                                    <div class="sku-no-stock">
                                                        <span class="stock-none red"><i class="fa fa-bars"></i> [`Product with the selected option combination is not available for purchase`]</span>
                                                    </div>
                                                {/if}
                                            </div>
                                        {/if}

                                        {* product price *}
                                        <div class="show-price">
                                            <span data-price="{shop_currency($product.price, null, null, 0)}" class="price nowrap">{shop_currency($product.price)}</span>
                                            <s class="compare-at-price nowrap"{if $product.compare_price == 0} style="display:none;"{/if}> {shop_currency($product.compare_price)} </s>
                                        </div>

                                        {if $product.sku_type}
                                            {* SELECTABLE FEATURES selling mode *}
                                            {$default_sku_features = $product.sku_features}
                                            {$product_available = $product.status}

                                            {if $theme_settings.selectable_features_control == 'inline'}
                                                <div class="options">
                                                    {foreach $features_selectable as $f}
                                                        <div class="inline-select{if $f.type == 'color'} color-fix{else} inline-no-color{/if}">
                                                            <div class="name">{$f.name}:

                                                            </div>

                                                            {foreach $f.values as $v_id => $v}
                                                                {if !isset($default_sku_features[$f.id])}{$default_sku_features[$f.id]=$v_id}{/if}
                                                                <a data-value="{$v_id}" data-name="{strip_tags($v)}" href="#"{if $v_id == ifset($default_sku_features[$f.id])} class="selected"{/if}{if $f.type == 'color'} style="{$v->style} margin-bottom: 10px;{if $v->color == 16777215}border:1px solid #c8c8c8 !important;{/if}"{/if}>
                                                                    {if $f.type == 'color'}&nbsp;
                                                                        <i class="fa fa-check color_checkmark"></i>
                                                                    {/if}
                                                                    {if $f.type == 'color'}&nbsp;{else}{$v}{/if}
                                                                </a>
                                                            {/foreach}
                                                            <input type="hidden" data-feature-id="{$f.id}" class="sku-feature" name="features[{$f.id}]" value="{ifset($default_sku_features[$f.id])}">
                                                        </div>
                                                    {/foreach}
                                                </div>
                                            {else}
                                                <div class="options">
                                                    {foreach $features_selectable as $f}
                                                        <label class="name">{$f.name}:</label>
                                                        <select data-feature-id="{$f.id}" class="sku-feature" name="features[{$f.id}]">
                                                            {foreach $f.values as $v_id => $v}
                                                                <option value="{$v_id}" {if $v_id == ifset($default_sku_features[$f.id])}selected{/if}>{$v|strip_tags}</option>
                                                            {/foreach}
                                                        </select>
                                                    {/foreach}
                                                </div>
                                            {/if}

                                            {* list all SKUs for Schema.org markup *}
                                            {foreach $product.skus as $sku}
                                                <div itemprop="offers" itemscope itemtype="http://schema.org/Offer">
                                                    <meta itemprop="url" content="{$wa->currentUrl(true)}">
                                                    <meta itemprop="priceValidUntil" content="2030-12-31">
                                                    {$sku_available =  $product.status && $sku.available && ($wa->shop->settings('ignore_stock_count') || $sku.count === null || $sku.count > 0)}
                                                    {if $sku.name}
                                                    <meta itemprop="name" content="{$sku.name|escape}">{/if}
                                                    <meta itemprop="price" content="{$sku.price}">
                                                    <meta itemprop="priceCurrency" content="{$product.currency}">
                                                    {if (!($sku.count === null) && $sku.count <= 0)}
                                                        <link itemprop="availability" href="http://schema.org/OutOfStock"/>
                                                    {else}
                                                        <link itemprop="availability" href="http://schema.org/InStock"/>
                                                    {/if}
                                                </div>
                                            {/foreach}

                                        {else}

                                            {$product_available = false}
                                            {if count($product.skus) > 1}
                                                {* SKU radio buttons *}
                                                <ul class="skus">
                                                    {foreach $product.skus as $sku}
                                                        {$sku_available =  $product.status && $sku.available && ($wa->shop->settings('ignore_stock_count') || $sku.count === null || $sku.count > 0)}
                                                        <li itemprop="offers" itemscope itemtype="http://schema.org/Offer">
                                                            <meta itemprop="url" content="{$wa->currentUrl(true)}">
                                                            <meta itemprop="priceValidUntil" content="2030-12-31">
                                                            <label{if !$sku.available} class="disabled"{/if}>
                                                                <input name="sku_id" type="radio" value="{$sku.id}"{if !$sku.available} disabled="true" {/if}{if !$sku_available}data-disabled="1"{/if}{if $sku.id == $product.sku_id} checked="checked"{/if} data-compare-price="{shop_currency($sku.compare_price, $product.currency, null, 0)}" data-price="{shop_currency($sku.price, $product.currency, null, 0)}"{if $sku.image_id} data-image-id="{$sku.image_id}"{/if}>
                                                                {if $sku.name}<span itemprop="name">{$sku.name|escape}</span>{/if}
                                                                {if $sku.sku}<span class="articul" style="display: none;">{$sku.sku|escape}</span>{/if}
                                                                <meta itemprop="price" content="{$sku.price}">
                                                                <meta itemprop="priceCurrency" content="{$product.currency}">
                                                                <span class="price tiny nowrap">{shop_currency($sku.price, $product.currency)}{if $sku.compare_price}
                                                                        <s>{shop_currency($sku.compare_price)}</s>{/if}</span>
                                                                {if (!($sku.count === null) && $sku.count <= 0)}
                                                                    <link itemprop="availability" href="http://schema.org/OutOfStock"/>
                                                                {else}
                                                                    <link itemprop="availability" href="http://schema.org/InStock"/>
                                                                {/if}
                                                            </label>
                                                        </li>
                                                        {$product_available = $product_available or $sku_available}
                                                    {/foreach}
                                                </ul>
                                            {else}
                                                {* in case there is only one SKU, don't display the selector *}
                                                <div itemprop="offers" itemscope itemtype="http://schema.org/Offer">
                                                    <meta itemprop="url" content="{$wa->currentUrl(true)}">
                                                    <meta itemprop="priceValidUntil" content="2030-12-31">
                                                    {$sku = $product.skus[$product.sku_id]}
                                                    {if $sku.name}
                                                        <meta itemprop="name" content="{$sku.name|escape}">{/if}
                                                    <meta itemprop="price" content="{$sku.price}">
                                                    <meta itemprop="priceCurrency" content="{$product.currency}">
                                                    {if !$sku.available}
                                                        <link itemprop="availability" href="http://schema.org/Discontinued"/>
                                                    {elseif !$wa->shop->settings('ignore_stock_count') && !($sku.count === null || $sku.count > 0)}
                                                        <link itemprop="availability" href="http://schema.org/OutOfStock"/>
                                                    {else}
                                                        <link itemprop="availability" href="http://schema.org/InStock"/>
                                                    {/if}
                                                    <input name="sku_id" type="hidden" value="{$product.sku_id}">
                                                    {$product_available = $product.status && $sku.available && ($wa->shop->settings('ignore_stock_count') || $sku.count === null || $sku.count > 0)}
                                                </div>
                                            {/if}
                                        {/if}

                                        {* Service block *}
                                        {if $services}
                                            <div class="services">
                                                {foreach $services as $s}
                                                    <div class="service-{$s.id}">
                                                        <label class="checkbox">
                                                            <input data-price="{shop_currency($s.price, $s.currency, null, 0)}" {if !$product_available}disabled="disabled"{/if} type="checkbox" name="services[]" value="{$s.id}"> {$s.name|escape} {if $s.price && !isset($s.variants)}(+
                                                                <span class="service-price">{shop_currency($s.price, $s.currency)}</span>
                                                                ){/if}
                                                        </label>
                                                        {if isset($s.variants)}
                                                            <select data-variant-id="{$s.variant_id}" class="service-variants" name="service_variant[{$s.id}]" disabled>
                                                                {foreach $s.variants as $v}
                                                                    <option {if $s.variant_id == $v.id}selected{/if} data-price="{shop_currency($v.price, $s.currency, null, 0)}" value="{$v.id}">{$v.name|escape} (+{shop_currency($v.price, $s.currency)})</option>
                                                                {/foreach}
                                                            </select>
                                                        {else}
                                                            <input type="hidden" name="service_variant[{$s.id}]" value="{$s.variant_id}">
                                                        {/if}
                                                    </div>
                                                {/foreach}
                                            </div>
                                        {/if}

                                        {* Add to cart block *}
                                        <div class="purchase">
                                            <div class="cart priceblock" id="cart-flyer">
                                                <div class="add2cart cart-group">
                                                    <div class="select_quantity">
                                                        <div class="input-group spinner">
                                                            <input type="text" class="form-control text-center select_input_cart" name="quantity" value="1" autocomplete="off">
                                                            <div class="input-group-addon">
                                                                <span class="spin-up inc_cart"><i class="fa fa-caret-up"></i></span>
                                                                <span class="spin-down dec_cart"><i class="fa fa-caret-down"></i></span>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="cart-btn-group">
                                                        <input type="hidden" name="product_id" value="{$product.id}">
                                                        <button type="submit" class="btn {if !$product_available} gray disabled{/if}" {if !$product_available}disabled="disabled"{/if}>[`Add to cart`]</button>
                                                    </div>
                                                </div>
                                            </div>
                                            {* @event frontend_product.%plugin_id%.cart *}
                                            {foreach $frontend_product as $_}{$_.cart}{/foreach}

                                        </div>
                                    </form>

                                    {if $product_available}
                                        {if method_exists(shopStorequickorderPlugin, 'product_button')}
                                            <div class="one-click">{shopStorequickorderPlugin::product_button()}</div>
                                        {/if}
                                    {/if}

                                    {if $theme_settings.delivery_product_courier or $theme_settings.delivery_product_sam or $theme_settings.delivery_product_mail}

                                    {*
                                    {if $theme_settings.delivery_product_weekend}

                                        {$_current_day = $smarty.now|date_format:"%u"}

                                        {if $_current_day == 6}
                                            {$_date_offset = 2}
                                        {elseif  $_current_day == 7}
                                            {$_date_offset = 1}
                                        {/if}

                                    {/if}
                                    *}

                                    <div class="delivery-block">
                                        <div class="delivery-header">
                                            [`Shipping options`]:
                                        </div>
                                        {if $theme_settings.delivery_product_courier}
                                            {*
                                            {if $_date_offset}
                                                {$theme_settings.delivery_product_courier = $theme_settings.delivery_product_courier + $_date_offset}
                                            {/if}
                                            {$_date = $theme_settings.delivery_product_courier|cat:' day'}
                                            *}

                                        <div class="delivery-inner" {if $theme_settings.delivery_product_courier_text}data-toggle="tooltip-custom" data-title="{$theme_settings.delivery_product_courier_text}"{/if}>
                                            <i class="fas fa-truck"></i> [`Courier`] <span>{if $theme_settings.delivery_product_ok}~{/if}{$theme_settings.delivery_product_courier} дн. {if $theme_settings.delivery_product_price}({$theme_settings.delivery_product_courier_price}){/if}</span>
                                        </div>
                                        {/if}
                                        {if $theme_settings.delivery_product_sam}

                                        <div class="delivery-inner" {if $theme_settings.delivery_product_sam_text}data-toggle="tooltip-custom" data-title="{$theme_settings.delivery_product_sam_text}"{/if}>
                                            <i class="fas fa-walking"></i> [`Pickup`] <span>{if $theme_settings.delivery_product_ok}~{/if}{$theme_settings.delivery_product_sam} дн. {if $theme_settings.delivery_product_price}({$theme_settings.delivery_product_sam_price}){/if}</span>
                                        </div>
                                        {/if}
                                        {if $theme_settings.delivery_product_mail}

                                            {$_date = $theme_settings.delivery_product_mail|cat:' day'}
                                        <div class="delivery-inner" {if $theme_settings.delivery_product_mail_text}data-toggle="tooltip-custom" data-title="{$theme_settings.delivery_product_mail_text}"{/if}>
                                            <i class="far fa-envelope"></i> [`Post`] <span>{if $theme_settings.delivery_product_ok}~{/if}{$theme_settings.delivery_product_mail} дн. {if $theme_settings.delivery_product_price}({$theme_settings.delivery_product_mail_price}){/if}</span>
                                        </div>
                                        {/if}
                                    </div>
                                    {/if}

                                    {* @event frontend_product.%plugin_id%.block_aux *}
                                    {if !empty($frontend_product)}
                                        <div class="aux">
                                            {foreach $frontend_product as $_}{$_.block_aux}{/foreach}
                                        </div>
                                    {/if}
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        {* Promo *}
        <div class="container">
            {if $theme_settings.product_promo}
                {* Promo icons *}
                <div class="promo-icons hidden-sm-down">
                    <div class="row">
                        <div class="col-lg-4 col-md-4 col-sm-6 col-xs-4">
                            <div class="p-one">
                                {if $theme_settings.promo_link_1}<a href="{$theme_settings.promo_link_1}"></a>{/if}
                                {$theme_settings.promo_icon_1}
                                <p class="header">{$theme_settings.promo_header_1}</p>
                                <p class="description">{$theme_settings.promo_text_1}</p>
                            </div>
                        </div>
                        <div class="col-lg-4 col-md-4 col-sm-6 col-xs-4">
                            <div class="p-one">
                                {if $theme_settings.promo_link_2}<a href="{$theme_settings.promo_link_2}"></a>{/if}
                                {$theme_settings.promo_icon_2}
                                <p class="header">{$theme_settings.promo_header_2}</p>
                                <p class="description">{$theme_settings.promo_text_2}</p>
                            </div>
                        </div>
                        <div class="col-lg-4 col-md-4 col-sm-6 col-xs-4">
                            <div class="p-one">
                                {if $theme_settings.promo_link_3}<a href="{$theme_settings.promo_link_3}"></a>{/if}
                                {$theme_settings.promo_icon_3}
                                <p class="header">{$theme_settings.promo_header_3}</p>
                                <p class="description">{$theme_settings.promo_text_3}</p>
                            </div>
                        </div>
                    </div>
                </div>
            {/if}
        </div>

        {* Description *}
        <div class="container container-description">
            {if $theme_settings.catalog_viewed}
            {$view_p = waRequest::cookie("shop_view", '', waRequest::TYPE_STRING)}
            {/if}

            <div {if $view_p}class="sidebar-on"{else}style="width:100%;"{/if}>
                <div class="container-shadow-box">
                    {* Tabs*}
                    <ul class="product-nav hidden-xs-down">
                        <li {if $theme_settings.product_tabs == 1}class="selected"{/if} data-link="description">
                            <a href="{$wa->shop->productUrl($product)}">[`Overview`]</a></li>
                        {if $theme_settings.product_view == 1}
                            {if $product.features}<li data-link="features"{if $theme_settings.product_tabs == 2} class="selected"{/if}><a href="{$wa->shop->productUrl($product)}">[`Features`]</a></li>{/if}
                        {/if}
                        <li data-link="reviews" class="review-scroll{if $theme_settings.product_tabs == 3} selected{/if}">
                            <a href="{$wa->shop->productUrl($product, 'reviews')}">[`Reviews`] (<span class="reviews-count">{$reviews_total_count}</span>)</a>
                        </li>
                        {if $theme_settings.product_tabs1_header}
                            <li data-link="pages-custom-1"><a href="#">{$theme_settings.product_tabs1_header}</a></li>{/if}
                        {if $theme_settings.product_tabs2_header}
                            <li data-link="pages-custom-2"><a href="#">{$theme_settings.product_tabs2_header}</a></li>{/if}
                        {foreach $product.pages as $page}
                            <li data-link="pages-{$page.id}"><a href="#">{$page.name|escape}</a></li>
                        {/foreach}

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

                    <div class="panel-group" id="accordion">
                        <div class="panel panel-default">
                            <div class="panel-heading hidden-sm-up">
                                <div class="panel-title">
                                    <a class="collapsed" data-link="description" href="#description">
                                        [`Description`]
                                    </a>
                                </div>
                            </div>
                            <div id="description" class="panel-collapse collapse {if $theme_settings.product_tabs == 1}in{/if} product-tabs">
                                <div class="panel-body">
                                    <div class="row">
                                        <div class="{if $product.features && $theme_settings.product_view != 1}col-lg-7 col-md-7 col-sm-7 col-xs-12{else}col-lg-12 col-md-12 col-sm-12 col-xs-12{/if}">
                                            {if $product.description}
                                                {$product.description}

                                                {* Categories *}
                                                {if !empty($product.categories)}
                                                    <div class="tags">
                                                        {if count($product.categories) > 1}
                                                            [`Categories`]: {foreach $product.categories as $c}{if $c.status}
                                                            <a href="{$wa->getUrl('/frontend/category', ['category_url' => $c.full_url])}">{$c.name|escape}</a>
                                                        {/if}{/foreach}
                                                        {else}
                                                            [`Category`]: {foreach $product.categories as $c}{if $c.status}
                                                            <a href="{$wa->getUrl('/frontend/category', ['category_url' => $c.full_url])}">{$c.name|escape}</a>
                                                        {/if}{/foreach}
                                                        {/if}
                                                    </div>
                                                {/if}

                                            {else}
                                                [`Description of product`] <b>{$product.name|escape}</b> [`coming soon`]
                                            {/if}
                                        </div>
                                        {if $product.features && $theme_settings.product_view != 1}
                                            <div class="col-lg-5 col-md-5 col-sm-5 col-xs-12">
                                                <div class="h4 features">[`Features`]:</div>
                                                <dl class="expand-content">
                                                    {foreach $product.features as $f_code => $f_value}
                                                        <dt{if $features[$f_code].type == 'divider'} class="divider"{/if}>{$features[$f_code].name|escape}</dt>
                                                        <dd{if $features[$f_code].type == 'divider'} class="divider"{/if}>
                                                            {if is_array($f_value)}
                                                                {if $features[$f_code].type == 'color'}
                                                                    {implode('<br /> ', $f_value)}
                                                                {else}
                                                                    {implode(', ', $f_value)}
                                                                {/if}
                                                            {else}
                                                                {$f_value}
                                                            {/if}
                                                        </dd>
                                                    {/foreach}
                                                </dl>
                                            </div>
                                        {/if}
                                    </div>
                                </div>
                            </div>
                        </div>

                        {if $product.features && $theme_settings.product_view == 1}

                            <div class="panel panel-default">
                                <div class="panel-heading hidden-sm-up">
                                    <div class="panel-title">
                                        <a class="collapsed" data-link="features" href="#features">
                                            [`Features`]:
                                        </a>
                                    </div>
                                </div>
                                <div id="features" class="panel-collapse collapse product-tabs">
                                    <div class="panel-body pages-content">
                                        <dl class="expand-content">
                                            {foreach $product.features as $f_code => $f_value}
                                                <dt{if $features[$f_code].type == 'divider'} class="divider"{/if}>{$features[$f_code].name|escape}</dt>
                                                <dd{if $features[$f_code].type == 'divider'} class="divider"{/if}>
                                                    {if is_array($f_value)}
                                                        {if $features[$f_code].type == 'color'}
                                                            {implode('<br /> ', $f_value)}
                                                        {else}
                                                            {implode(', ', $f_value)}
                                                        {/if}
                                                    {else}
                                                        {$f_value}
                                                    {/if}
                                                </dd>
                                            {/foreach}
                                        </dl>
                                    </div>
                                </div>
                            </div>

                        {/if}


                        <div class="panel panel-default">
                            <div class="panel-heading hidden-sm-up">
                                <div class="panel-title">
                                    <a class="collapsed" data-link="reviews" href="#reviews">
                                        [`Reviews`] (<span class="reviews-count">{$reviews_total_count}</span>)
                                    </a>
                                </div>
                            </div>
                            <div id="reviews" class="panel-collapse collapse {if $theme_settings.product_tabs == 3}in{/if} product-tabs">
                                <div class="panel-body">
                                    <!-- Review -->
                                    <div class="loading"><img src="{$wa_active_theme_url}img/loader/loading.svg" alt="Loading...">
                                    </div>
                                    <div class="review-block"></div>
                                    {strip}
                                        {capture assign="_file_template"}
                                            <div class="s-file-wrapper">
                                                <div class="s-image-wrapper"></div>
                                                <div class="s-description-wrapper">
                                                    <div class="s-visible">
                                                        <a class="js-show-textarea" href="javascript:void(0);">[`Add a description`]</a>
                                                    </div>
                                                    <div class="s-hidden">
                                                        <textarea class="s-textarea js-textarea" placeholder="[`Enter a description here`]"></textarea>
                                                    </div>
                                                </div>
                                                <div class="s-actions">
                                                    <div class="s-action js-delete-file" title="{_w("Delete")|escape}">
                                                <span class="s-icon delete">
                                                    <svg version="1.1" xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 10 10" xml:space="preserve">
                                                        <style type="text/css">.st0 { fill:none;stroke:rgba(0,0,0,0.5);stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10; } </style>
                                                        <line class="st0" x1="0.5" y1="0.5" x2="9.5" y2="9.5"/>
                                                        <line class="st0" x1="9.5" y1="0.5" x2="0.5" y2="9.5"/>
                                                    </svg>
                                                </span>
                                                    </div>
                                                </div>
                                            </div>
                                        {/capture}
                                    {/strip}

                                    {strip}
                                        {capture assign="_error_template"}
                                            <div class="s-error">%text%</div>
                                        {/capture}
                                    {/strip}
                                    <script>
                                        $(function () {
                                            $('.review-block').load('{$wa->shop->productUrl($product)}reviews/ .reviews', function () {
                                                $(this).prepend(
                                                    '<script src="{$wa_app_static_url}js/rate.widget.js"><\/script>' +
                  {if $theme_settings.google_capcha}'<script src="https://www.google.com/recaptcha/api.js"><\/script>' + {/if}
                                                    '<script src="{$wa_theme_url}reviews.js"><\/script>');

                                                {if $theme_settings.google_capcha}$(this).find(".wa-recaptcha").prepend('<div class="g-recaptcha" data-sitekey="{$theme_settings.google_capcha}"></div>');{/if}
                                                $(".loading").remove();
                                                {if !empty($theme_settings.footer_css)}$(".s-image-form-section svg").css("opacity", "1");{/if}
                                                {$_max_post_size = waRequest::getPostMaxSize()}
                                                {$_max_file_size = waRequest::getUploadMaxFilesize()}
                                                {$_max_post_size_mb = floor($_max_post_size * 10/(1024))/10}
                                                {$_max_file_size_mb = floor($_max_file_size * 10/(1024))/10}

                                                new ReviewImagesSection({
                                                    $wrapper: $("#js-review-images-section"),
                                                    max_post_size: {$_max_post_size|json_encode},
                                                    max_file_size: {$_max_file_size|json_encode},
                                                    max_files: 10,
                                                    templates: {
                                                        "file": {$_file_template|json_encode},
                                                        "error": {$_error_template|json_encode}
                                                    },
                                                    patterns: {
                                                        "file": "images[%index%]",
                                                        "desc": "images_data[%index%][description]"
                                                    },
                                                    locales: {
                                                        "files_limit": {_w("You can upload a maximum of 10 photos.")|json_encode},
                                                        "file_type": {_w("Unsupported image type. Use PNG, GIF and JPEG image files only.")|json_encode},
                                                        "post_size": {_w("Total size of selected files cannot be greater than")|json_encode} + " " + {$_max_post_size_mb|json_encode} + {_w("KB")|json_encode} + ".",
                                                        "file_size": {_w("Each file’s size cannot be greater than")|json_encode} + " " + {$_max_file_size_mb|json_encode} + {_w("KB")|json_encode} + "."
                                                    }
                                                });

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

                        {foreach $product.pages as $a}
                            <div class="panel panel-default">
                                <div class="panel-heading hidden-sm-up">
                                    <div class="panel-title">
                                        <a class="collapsed" data-link="pages-{$a.id}" href="#pages-{$a.id}">
                                            {$a.name}
                                        </a>
                                    </div>
                                </div>
                                <div id="pages-{$a.id}" class="panel-collapse collapse product-tabs">
                                    <div class="panel-body pages-content">
                                        {$a.content}
                                    </div>
                                </div>
                            </div>
                        {/foreach}

                        {if $theme_settings.product_tabs1_text}
                            <div class="panel panel-default">
                                <div class="panel-heading hidden-sm-up">
                                    <div class="panel-title">
                                        <a class="collapsed" data-link="pages-custom-1" href="#pages-custom-1">
                                            {$theme_settings.product_tabs1_header}
                                        </a>
                                    </div>
                                </div>
                                <div id="pages-custom-1" class="panel-collapse collapse product-tabs">
                                    <div class="panel-body pages-content">
                                        {$theme_settings.product_tabs1_text}
                                    </div>
                                </div>
                            </div>
                        {/if}

                        {if $theme_settings.product_tabs2_text}
                            <div class="panel panel-default">
                                <div class="panel-heading hidden-sm-up">
                                    <div class="panel-title">
                                        <a class="collapsed" data-link="pages-custom-2" href="#pages-custom-2">
                                            {$theme_settings.product_tabs2_header}
                                        </a>
                                    </div>
                                </div>
                                <div id="pages-custom-2" class="panel-collapse collapse product-tabs">
                                    <div class="panel-body pages-content">
                                        {$theme_settings.product_tabs2_text}
                                    </div>
                                </div>
                            </div>
                        {/if}

                        </div>
                    </div>
                </div>


            {if $view_p}
                {$products_ = $wa->shop->products('id/'|cat:$view_p)}
                {$products_views = []}
                {foreach explode(',', $view_p) as $a}
                    {$products_views[] = $products_[$a]}
                {/foreach}
                <div class="container-shadow-box description-aside">
                    <div class="header">[`You watched`]</div>
                    {foreach $products_views|@array_slice:0:3 as $p}
                        <div class="list-catalog one-product">
                            <div class="table-viewed">
                                <div class="viewed-img">
                                    <div class="zoom-image">

                                        {if !empty($theme_settings.lazyload_catalog)}
                                            {$img = $wa->shop->productImgUrl($p, '600x0')}
                                            {if $img}{$_img = $wa->shop->productImgUrl($p, '600x0')}{else}{$_img = "`$wa_theme_url`img/no-foto-catalog.gif"}{/if}
                                            <a href="{$p.frontend_url}" title="{$p.name}{if $p.summary} &ndash;  {strip_tags($p.summary)|escape}{/if}"><img src="{$wa_theme_url}img/loader/pixel.gif" class="lazy main-photo" data-src="{$_img}" alt="{$p.name}"></a>
                                        {else}
                                            <a href="{$p.frontend_url}" title="{$p.name}{if $p.summary} &ndash;  {strip_tags($p.summary)|escape}{/if}">{$wa->shop->productImgHtml($p, '600x0', ['alt' => $p.name, 'default' => "`$wa_theme_url`img/no-foto-catalog.gif"])}</a>
                                        {/if}

                                    </div>
                                </div>
                                <div class="viewed-desc">
                                    <div class="rating-big">
                                        {$badge_html = $wa->shop->badgeHtml($p.badge)}
                                        {if $badge_html}
                                            <div class="badge-block">
                                                {$badge_html}
                                            </div>
                                        {/if}
                                        {if $theme_settings.catalog_rating}
                                        {$rating = $wa->shop->ratingHtml($p.rating, 32)}
                                        {if $rating}
                                        <a href="{$p.frontend_url}#review">
                                            {$rating}
                                            {else}
                                            <a href="{$p.frontend_url}#review">
                                                <i class="icon32 star-empty"></i><i class="icon32 star-empty"></i><i class="icon32 star-empty"></i><i class="icon32 star-empty"></i><i class="icon32 star-empty"></i> {/if} ({$p.rating_count})</a>{/if}
                                    </div>
                                    <div class="name"><a href="{$p.frontend_url}">{$p.name}</a></div>
                                    <div class="price">
                                        <span>{shop_currency($p.price)}</span>
                                        {if $p.compare_price > 0}<br><s>{shop_currency($p.compare_price)}</s>{/if}
                                    </div>
                                </div>
                            </div>
                        </div>
                    {/foreach}
                    <div class="text-center margin">
                        <a href="{$wa->getUrl('shop/frontend/search')}?view=seen" class="btn btn-gray">[`Show all`]</a>
                    </div>
                </div>
            {/if}

        </div>

    {if $theme_settings.navigation_always}</main>{/if}
</div>

<div class="container related">
    {if $frontend_product}
        <div class="product-nav-block">
            <!-- plugin hook: 'frontend_product.block' -->
            {* @event frontend_product.%plugin_id%.block *}
            {foreach $frontend_product as $_}{$_.block}{/foreach}
        </div>
    {/if}

    <!-- RELATED PRODUCTS -->
    {$upselling = $product->upSelling(20)}
    {$crossselling = $product->crossSelling(20)}
    {if $upselling || $crossselling}
        {if $crossselling}
            <div class="s-slider">
            <div class="h1 home-header">{sprintf('[`Customers who bought %s also bought`]', $product.name|escape)}</div>
            <div class="row container-catalog flex-height js-sproduct-five">
                {include file="`$wa_active_theme_path`/list-thumbs.html" products=$crossselling microsheme=false}
            </div>
            </div>
        {/if}

        {if $upselling}
            <div class="s-slider">
                <div class="h1 home-header">[`See also`]</div>
                    <div class="row container-catalog flex-height">
                        {include file="`$wa_active_theme_path`/list-thumbs.html" products=$upselling microsheme=false}
                    </div>
            </div>
        {/if}
    {/if}
</div>

<script>
    (function ($) {
        zoomtype = {if $theme_settings.product_zoom}true{else}false{/if};
        addtocarttext = "[`Add to cart`]";
        itemaddtocarttext = "[`Item added to cart`]";
        $.getScript("{$wa_theme_url}product.js?v{$wa_theme_version}", function () {
            $(".stocks").css("opacity", "1");
            $(".product #product-gallery").css("visibility", "visible");

            if (typeof Product === "function") {
                new Product('#cart-form{if $wa->get('cart')}-dialog{/if}', {
                    currency: {json_encode($currency_info)}
                    {if count($product.skus) > 1 or $product.sku_type} , services: {json_encode($sku_services)}{/if}
                    {if $product.sku_type}, features: {json_encode($sku_features_selectable)}{/if}, skus: {$product.skus|json_encode}
                })
            }
        });
    })(jQuery);
</script>
{/strip}