{include 'file:tpl/meta_product.tpl'}
    {include 'file:tpl/head.tpl'}
    {include 'file:tpl/top.tpl'}
    <div class="container">
      
      {$_modx->runSnippet('!pdoCrumbs', [
          'showHome' => '1',
          'tplWrapper' => '@INLINE <ol class="breadcrumb">{$output}</ul>',
          'tpl' => '@INLINE <li  class="breadcrumb__item"><a href="{$link}">{$menutitle}</a></li>',
          'tplCurrent' => '@INLINE <li class="breadcrumb__item active">{$menutitle}</li>',
      ])}
      
    </div>
    <section class="page" itemscope itemtype="http://schema.org/Product">
      <div class="container">
        <div class="page__wrap">
            {include 'file:tpl/tpl.product.left-side.tpl'}
          <div class="page__right">
            <!-- BEGIN content -->
            <h1 class="title" itemprop="name">{$_modx->resource.pagetitle}</h1>
            <div class="product">
              <div class="product__left">
                <div class="product__gallery">
                    
                    {foreach json_decode($_modx->resource.images) as $image}
                        <a href="product/{$image}.jpg" data-fancybox="gallery" itemprop="image" class="remote-warehouse remote-warehouse--product">
                            <img src="product/{$image}.jpg" alt="{$_modx->resource.pagetitle} (Артикул: {$_modx->resource.article})" />
                            {if $_modx->resource.remote_warehouse}
                                <div class="remote-warehouse__inline">Под заказ 4-5 дней *</div>
                            {/if}
                            {if $_modx->resource.sale > 0}
                            <div class="badges">
                                <div class="badges__list">
                                    <div class="badges__item badges__item--sale">{$_modx->resource.sale}%</div>
                                </div>
                            </div>
                            {/if}
                            {if $_modx->resource.pnew == 1}
                            <div class="badges">
                                <div class="badges__list">
                                    <div class="badges__item badges__item--new">NEW</div>
                                </div>
                            </div>
                            {/if}
                            {if $_modx->resource.praspr == 1}
                            <div class="badges">
                                <div class="badges__list">
                                    <div class="badges__item badges__item--raspr"></div>
                                </div>
                            </div>
                            {/if}
                        </a>
                        {break}
                    {/foreach}
                    
                    <div class="product__thumb-list">
                        {var $flag = 0}
                        {foreach json_decode($_modx->resource.images) as $image}
                            {if $flag != 0}
                            <a href="product/{$image}.jpg" data-fancybox="gallery" class="product__thumb">
                                <img src="product/{$image}.jpg" alt="{$_modx->resource.pagetitle} (Артикул: {$_modx->resource.article})">
                            </a>
                            {/if}
                            {var $flag = 1}
                        {/foreach}
                    </div>
                    
                </div>  
                <div class="product__content">
                    <h4 class="red">*Некоторые цвета ткани на сайте могут искажаться в зависимости от цветопередачи вашего экрана</h4>
                </div>
                {if $_modx->resource.remote_warehouse}
                <div class="product__content">
                    <h4><a href="{'5050' | url}" class="red">*ВНИМАНИЕ !!! Товар продается с удаленного склада, сумма по заказанным позициям, должна быть не менее 3000 руб.</a></h4>
                </div>
                {/if}
                <div class="product__content">
                  <p itemprop="description">{$_modx->resource.content}</p>
                </div>
              </div>
                
              <div class="product__right">
                  <form class="ms2_form" method="post">
                    <input type="hidden" name="id" value="{$_modx->resource.id}"/>
                    <div class="product__rtitle">Информация о товаре</div>
                    <div class="product__rch">
                      <div class="pch">
                        <div class="pch__item">Артикул:
                          <span>{$_modx->resource.article}</span>
                        </div>
                        
                        <div class="pch__item">Производитель:
                          <span>{$_modx->resource.vendors}</span>
                        </div>
                        <div class="pch__item">Состав:
                          <span>{$_modx->resource.composition}</span>
                        </div>
                        <div class="pch__item">Ширина:
                          <span>{$_modx->resource.width}</span>
                        </div>
                        <div class="pch__item">Цвет:
                          <span>{$_modx->resource.color}</span>
                        </div>
                        {if $_modx->resource.subcolor?}
                        <div class="pch__item">Оттенок:
                          <span>{$_modx->resource.subcolor}</span>
                        </div>
                        {/if}
                        <div class="pch__item">Тип основы:
                          <span>{$_modx->resource.basis}</span>
                        </div>
                      </div>
                    </div>
                    <div class="product__prices">
                      <div class="product__price" itemprop="offers" itemscope itemtype="http://schema.org/Offer">Цена:
                        {if $_modx->user.extended['sale']} 
                            <span itemprop="price" content="{$_modx->resource.price|replace:" ":"" - $_modx->resource.price|replace:" ":"" * $_modx->user.extended['sale'] / 100}">
                                {$_modx->resource.price|replace:" ":"" - $_modx->resource.price|replace:" ":"" * $_modx->user.extended['sale'] / 100}
                            </span> 
                            руб./{if $_modx->resource.pcount}шт{else}м{/if}
                        {else}
                            <span itemprop="price" content="{$_modx->resource.price}">{$_modx->resource.price}</span> 
                            руб./{if $_modx->resource.pcount}шт{else}м{/if}
                        {/if}
                        <meta itemprop="priceCurrency" content="RUB">
                        <meta itemprop="availability" href="http://schema.org/InStock" content="В наличии"> 
                      </div>
                      {if $_modx->resource.oldprice > 0}
                      <div class="product__price product__price--old">
                        <span>{$_modx->resource.oldprice}</span> р.
                      </div>
                      {/if}
                    </div>
                    <div class="product__remain">
                        Доступно к заказу: {$_modx->resource.remainder} 
                        {if $_modx->resource.pcount == 1}шт.{else}м.{/if}
                    </div>
                    <div class="product__count">
                      <div class="count">
                        {if $_modx->resource.pcount == 1}
                            <a class="count__btn count__btn--prev" data-multi="-1">-</a>
                            <input type="number" name="count" class="count__count" value="1" data-max="{$_modx->resource.remainder|ereplace:'/[^a-z0-9.%()\'<>]/i':''}" data-step="1" step="1" />
                            <a class="count__btn count__btn--next" data-multi="1">+</a>
                        {else}
                            <a class="count__btn count__btn--prev" data-multi="-0.1">-</a>
                            <input type="number" name="count" class="count__count" value="{if $_modx->resource.remainder > 1}1.0{else}{$_modx->resource.remainder}{/if}" data-max="{$_modx->resource.remainder}" data-step="0.1" step="0.1" />
                            <a class="count__btn count__btn--next" data-multi="0.1">+</a>
                        {/if}
                        
                      </div>
                    </div>
                    <div class="product__fcart">
                      <div class="fcart fcart--product">
            
                        {var $cart = $.session['minishop2']['cart'] ?: []}
                        {var $pid = $_modx->resource.id}
                        {foreach $cart as $product}
                        	{if $product['id'] == $pid}
                        		{var $pflag = 1}
                        		{break}
                        	{/if}
                        {/foreach}
                        {if $pflag == 1}
                        <a href="{$_modx->makeUrl(25)}" class="fcart__btn fcart__btn--cart fcart__btn--product product-item__btn--in-cart js-in-cart-href">
                            В корзине
                        </a>
                        {else}
                        <button type="submit" class="fcart__btn fcart__btn--cart fcart__btn--product js-in-cart-btn" name="ms2_action" value="cart/add">
                            <i>
                                <svg class="fcart__icon">
                                    <use xlink:href="img/sprite.svg#icon-cart"></use>
                                </svg>
                            </i>
                            <div class="fcart__name fcart__name--price">В корзину</div>
                        </button>
                        {/if}
                        <a href="{$_modx->makeUrl(25)}" class="fcart__btn fcart__btn--cart fcart__btn--product product-item__btn--in-cart js-in-cart-href hidden">
                            В корзине
                        </a>
                        <a href="" class="fcart__btn fcart__btn--favorite product-item__btn--favorite msfavorites" 
                                data-click
            				    data-data-id="{$_modx->resource.id}"
            				    data-data-list="default">
                          <i>
                            <svg class="fcart__icon">
                              <use xlink:href="img/sprite.svg#icon-like"></use>
                            </svg>
                          </i>
                          <div class="fcart__name">Избранное</div>
                        </a>
                      </div>
                    </div>
                    </form>
                  </div>
            </div>
                
        
            <div class="product__carousel">
              <div class="cnav product__cnav">
                <a class="cnav__arr cnav__arr--left">
                  <svg class="cnav__icon">
                    <use xlink:href="img/sprite.svg#icon-arr"></use>
                  </svg>
                </a>
                <div class="cnav__title cnav__title--product">Следующий товар в данной категории:</div>
                <a class="cnav__arr cnav__arr--right">
                  <svg class="cnav__icon">
                    <use xlink:href="img/sprite.svg#icon-arr"></use>
                  </svg>
                </a>
              </div>
              <div class="owl-carousel js--product-carousel">
                
                {$_modx->runSnippet('!pdoNeighbors',[
                    'class' => 'modResource',
                    'includeTVs' => 'oldprice,images,basis,bilateral,color,composition,pcount,regular,remainder,sale,subcolor,vendor,width',
                    'tvPrefix' => '',
                    'leftJoin' => [
                        'Product' => [
                            'class' => 'msProductData',
                            'on' => 'modResource.id = Product.id',
                        ],
                    ],
                    'select' => [
                        'modResource' => '*',
                        'Product' => '*',
                    ],
                    'sortby' => 'publishedon',
                    'sortdir' => 'asc',
                    'limit' => 5,
                    'tplPrev' => 'tpl.product.small',
                    'tplNext' => 'tpl.product.small',
                    'tplUp' => ' ',
                    'tplWrapper' => '@INLINE {$prev}{$next}',
                ])}
                
              </div>
            </div>
            <!-- END content -->
          </div>
        </div>
      </div>
    </section>
    
    {include 'file:tpl/footer.tpl'}