<ul class="breadcrumb">
{foreach $breadcrumb as $unit}
  <li><a href="/{$unit->href}">{$unit->anchor}</a></li>
{/foreach}
  <li><span>{$page->name}</span></li>
</ul>

{if $sub_pages}
<div class="services-view row">
  <div class="col-sm-12">
    <div class="content">
{include file='advantage.tpl'}
      <!--   -->
{if $related_products}{include file='service_products.tpl'}{/if}            
      <!-- /   -->
{*include file='graphic_block_services.tpl'*}


 <div class="row">
   <div class="col-sm-3">
   
	   {*if $detect->isMobile()}
		   <div class="panel panel-danger collapse-panel">
				<div class="panel-heading">
					<div class="panel-title"><a href="/catalog/" class="m_link">  </a></div>
				</div>
				<div class="panel-body">
					<div class="v-menu">
						{$service_menu}
					</div>
				</div>
			</div>
		{else}
			<div class="inner menu-service">
   				 <div class="header"><a href="/tuning-centr/">  </a></div>
		  		{$service_menu}
	   		</div>
		{/if*}
		
		{if !$detect->isMobile()}
			<div class="inner menu-service">
   				 <div class="header"><a href="/tuning-centr/">  </a></div>
		  		{if $service_menu}
				  	{$service_menu}
				{else}
					<ul>
				   		<li><a href="/tuning-centr/tuning-optiki/">  </a></li>
		   				<li><a href="/tuning-centr/interernye-raboty/"> </a></li>
		   				<li><a href="/tuning-centr/ehksterernye-raboty/"> </a></li>
		   				<li><a href="/tuning-centr/dopolnitelnoe-oborudovanie/"> </a></li>
				   	</ul>
				{/if}  	
	   		</div>
		{/if}
	
	
	
	
   </div>
      <div class="col-sm-9"> 
      <h1>{$page->header}.</h1>
      {$page->toptext}
	  
	{if $page->id==28}
<!--   -->

	{foreach $sub_pages as $top}
	
		<div class="title">{$top->name}</div>
		
		<div class="row">		
			{foreach $just_service_items as $s}
			
			{if $s->startId != $top->id}{continue}{/if}
			<div class="service-unit col-sm-4">
				<div class="service-box">
							<a href="/tuning-centr/{$s->url}/" class="tumb">
	                         {if $s->image}
							 <img src="{$s->image|resizepage:262:230:0:1}" title="{$s->name|escape}" alt="{$s->name|escape}" >
							 {else}
							 <img src="/files/page/default.jpg" title="{$s->name|escape}" alt="{$s->name|escape}"> 
							 {/if}
							</a>
						<a class="service-name" href="/tuning-centr/{$s->url}/">{$s->name|escape}</a>
				</div>		
			</div>
			{/foreach}
		</div>
		<div class="service-link"><a href="/tuning-centr/{$top->url}/">   "{$top->name}"</a></div>
	{/foreach}

<!--    (The End) -->	
	  
	{else}  
      
     {* 
      <div class="services row"> 
      {foreach $sub_pages as $service}
      {if !$service->visible}{continue}{/if}
        <div class="col-sm-6">
          <div class="service thumbnail w">
            <div class="row">
              <div class="col-sm-5 service-image">{if $service->image} <img src="{$service->image|resizepage:242:198}" title="{$service->name}" alt="{$service->name}">{else}<img src="/images/zag2.jpg" alt="">{/if}</div>
              <div class="col-sm-7">
                <div class="service-title text-center h4"><a href="{$service->parentUrl}{$service->url}/">{$service->name}</a></div>
                <div class="service-adt text-center">{$service->introtext}</div>
                <div class="service-button text-center"><a href="{$service->parentUrl}{$service->url}/" class="btn btn-danger btn-block">  </a></div>
              </div>
            </div>
          </div>
        </div>
        {/foreach} 
      </div> 
     *}
      <div class="row">		
			{foreach $sub_pages as $s}
			{if !$s->visible}{continue}{/if}
			<div class="service-unit col-sm-4">
				<div class="service-box">
							<a href="/tuning-centr/{$s->url}/" class="tumb">
	                         {if $s->image}
							 <img src="{$s->image|resizepage:262:230:0:1}" title="{$s->name|escape}" alt="{$s->name|escape}" >
							 {else}
							 <img src="/files/page/default.jpg" title="{$s->name|escape}" alt="{$s->name|escape}"> 
							 {/if}
							</a>
						<a class="service-name" href="/tuning-centr/{$s->url}/">{$s->name|escape}</a>
				</div>		
			</div>
			{/foreach}
		</div>
     {/if} 
      
      <!--   -->          
{include file='service_other.tpl'}  
{$page->bottext}    
      <!-- /   -->       
{*include file='contact_form_and_social.tpl'*}
</div></div>
    </div>
  </div>
</div>
{else}

<div class="services-view row">
  <div class="col-sm-12">
    <div class="content">
     <div class="row">
      <div class="col-sm-3">
      
      
	   {*if $detect->isMobile()}
		   <div class="panel panel-danger collapse-panel">
				<div class="panel-heading">
					<div class="panel-title"><a href="/catalog/" class="m_link">  </a></div>
				</div>
				<div class="panel-body">
					<div class="v-menu">
						{$service_menu}
					</div>
				</div>
			</div>
		{else}
			<div class="inner menu-service">
   				 <div class="header"><a href="/tuning-centr/">  </a></div>
		  		{$service_menu}
	   		</div>
		{/if*}
		
		{if !$detect->isMobile()}
			<div class="inner menu-service">
   				 <div class="header"><a href="/tuning-centr/">  </a></div>
		  		{if $service_menu}
				  	{$service_menu}
				{else}
					<ul>
				   		<li><a href="/tuning-centr/tuning-optiki/">  </a></li>
		   				<li><a href="/tuning-centr/interernye-raboty/"> </a></li>
		   				<li><a href="/tuning-centr/ehksterernye-raboty/"> </a></li>
		   				<li><a href="/tuning-centr/dopolnitelnoe-oborudovanie/"> </a></li>
				   	</ul>
				{/if}  	
	   		</div>
		{/if}
	   
      </div>
      <div class="col-sm-9">

    {include file='service.tpl'}
	  </div>
	 </div>
</div>	 
</div>
</div>
{/if}

{if !$detect->isMobile()}{literal}{/literal}{/if}

<script>
//$('li li li.active').parent('ul').find('li').css('display','block');

$('li.active').parents('li').addClass('active');

console.log(document.location);

if(document.location!="https://atomicgarage.ru/tuning-centr/")
{
	$('ul li ul').hide();
}

$(function(){ $('#right-cat-btn').show(); })</script>
