{* Услуга по брендам *}
{include file="service_brands.tpl"}

{if $related_articles}
<div class="clearfix">
  <div class="infoblock other-services row" {if $page->works_url && $page->works_url_text}style="margin-bottom:0"{/if}>
    <div class="col-sm-12">
      <div class="h3">Примеры работ</div>
    </div>
    {foreach from=$related_articles item=related_page} 
    <div class="col-md-3 col-sm-6 col-xs-12" style="min-height:242px;">
      <div class="oth-image"><a target="_blank" href="/{$config->worksUrl}/{$related_page->url}/">{if $related_page->image}<img src="{$related_page->image|resizepage:242:198}" title="{$page->name}" alt="{$page->name}" class="thumbnail w">{else}<img src="/images/empty.jpg" class="thumbnail w">{/if}</a></div>
      <div class="oth-title"><a target="_blank" href="/{$config->worksUrl}/{$related_page->url}/">{$related_page->name}</a></div>
    </div>
    {/foreach}
  </div>
  {if $page->works_url && $page->works_url_text}
	<div data-style="text-align:right;margin-bottom:30px;" class="service-link">
		<a href="{$page->works_url}" target="_blank">{$page->works_url_text}</a>
	</div>
  {/if}
</div>
{/if}

{if $related_pages}
<div class="clearfix">
  <div class="infoblock other-services row" style="margin-bottom: -20px">
    <div class="col-sm-12">
      <div class="h3">Другие услуги</div>
    </div>
    {foreach from=$related_pages item=related_page} 
    <div class="col-md-3 col-sm-6 col-xs-12">
      <div class="oth-image"><a target="_blank" href="{$related_page->parentUrl}{$related_page->url}/">
	  	{if $related_page->image}<img src="{$related_page->image|resizepage:242:198:0:1}" title="{$page->name}" alt="{$page->name}" class="thumbnail w">
		  {else}<img src="/images/zag2.jpg" class="thumbnail w" alt="">
		{/if}
		</a></div>
      <div class="oth-title"><a target="_blank" href="{$related_page->parentUrl}{$related_page->url}/">{$related_page->name}</a></div>
    </div>
    {/foreach}
  </div>
</div>
{/if}


<div class="clearfix service-recomended">
    <div class="ya-share2" data-services="vkontakte,facebook,odnoklassniki,viber,whatsapp,telegram"></div>
    <div class="h3">Рекомендуемые товары</div>
    <div class="related_products hits">
    {foreach from=$related_products item=related_product}  
    	<div class="col-sm-3 col-xs-6">
    		<div class="hit-image">
            <a rel="nofollow" target="_blank" href="/products/{$related_product->url}/">
            {if $related_product->image}
    			<img class="thumbnail w" alt="{$related_product->name|escape}" src="{$related_product->image->filename|resizeProduct:240:180:1}" />
                {else}<img src="/images/empty.jpg" class="thumbnail w" alt="">{/if}</a>
    		</div>
    	<div class="hit-title"><a rel="nofollow" target="_blank" href="/products/{$related_product->url}/">{$related_product->name}</a></div>
    		<div class="row">
    			<div class="col-xs-12 col-sm-12 hit-price"><small>от</small> {round($related_product->variant->price)} <small>руб.</small></div>		
    			{*<div class="col-xs-6 hit-button"><a rel="nofollow" target="_blank" class="btn btn-danger" href="/products/{$related_product->url}/">Побробнее</a></div>*}
    		</div>
    	</div>
    {/foreach}
    </div>
   
</div>

