{extends 'template:1'}
{block 'main'}
<div class="container">
		<div class="left-menu">
			<p>Каталог</p>
			<nav>
    		    {$_modx->runSnippet('pdoMenu', [
                    'parents' => '3,4,5,6,8,9,10,5,3817,12,13,9444,11828,12680,15145',
                    'level' => 2,
                    'tpl' => 'tpl_left_menu',
                    'showHidden' => '1',
                    'displayStart' => 1,
                    'scheme' => '0',
                    'tplStart' => 'tpl_left_menu_start',
                    'where' => '{"class_key:!=": "msProduct","AND:parent:!=":12680}'
                ])}
    		</nav>
		</div>
		<div class="content">
		    {'pdoCrumbs' | snippet : [
		        'showHome' => 1,
                'showAtHome' => 0,
                'outputSeparator' => ' / '
		    ]}
		    {block 'content'}
		         <div class="title-block">
			         <h2>{$_modx->resource.pagetitle}</h2>
			     </div>
			     
		          {if $_modx->resource.id == 9464 || $_modx->resource.id == 11600}
		                 <div class="introtext-block">{$_modx->resource.description_2}</div>
		          {else}
		              {if $_modx->resource.introtext}
		                 <div class="introtext-block">{$_modx->resource.introtext}</div>
    		          {/if}
		          {/if}
		          {block 'resourceContent'}
		              {$_modx->resource.content}
		          {/block}
		          {if $_modx->resource.video_id?}
		              <div class="video-block center">
		                  <h2>Видео</h2>
		                  {foreach $_modx->resource.video_id | split as $res}
                            <a
                            {*data-fancybox*}
                            href="https://www.youtube.com/watch?v={$res | resource: 'description'}" target="_blank">
                                <img src="https://img.youtube.com/vi/{$res | resource: 'description'}/mqdefault.jpg" alt="{$longtitle}"> 
                                <span>{$res | resource: 'pagetitle'}</span> 
                                <div class="play"></div> 
                            </a>
    		              {/foreach}
		              </div>
		          {/if}
			{/block}
		</div>
	</div>
	{block 'empty'}{/block}
{/block}