{extends 'template:m01Base'}

{block 'main'}
	<div class="container tm-container">

		{$_modx->runSnippet('pdoCrumbs@m01PdoCrumbs', [
		'showAtHome' => 0,
		'showHome' => 1,
		])}

		<div class="row">

			<div class="col-sm-3 col-md-3 col-xs-12">
				{include 'm01.nav.category'}
			</div>

			<div class="col-sm-9 col-md-9 col-xs-12">
				<h2>{$_modx->resource.pagetitle}</h2>
				<hr>

				<div class="col-sm-4 col-md-4 col-xs-12">
					{$_modx->runSnippet('msGallery',[
					'tpl' => 'm01.product.gallery'
					])}
				</div>
				<div class="col-sm-8 col-md-8 col-xs-12">
					<form class="form-horizontal ms2_form tm-product-form">
						<input type="hidden" name="id" value="560"/>

						{if $article?}
							<div class="form-group">
								<label class="col-md-6 control-label" for="article">Артикул:</label>
								<div class="col-md-6">
									<input type="text" name="options[article]" class="input-sm form-control"
										   id="option_article"
										   value="{$article}" readonly>
								</div>
							</div>
						{/if}
						{if $weight?}
							<div class="form-group">
								<label class="col-md-6 control-label" for="weight">Вес:</label>
								<div class="col-md-6">
									<input type="text" name="options[weight]" class="input-sm form-control"
										   id="option_weight"
										   value="{$weight}" readonly>
								</div>
							</div>
						{/if}

						{$_modx->runSnippet('msOptions@m01MsOptions')}

						{if $_pls['vendor.name']?}
							<div class="form-group">
								<label class="col-md-6 control-label" for="vendor">Производитель:</label>
								<div class="col-md-6">
									<input type="text" name="options[vendor]" class="input-sm form-control"
										   id="option_vendor"
										   value="{$_pls['vendor.name']|e}" readonly>
								</div>
							</div>
						{/if}

						
						
					</form>
				</div>

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

					{set $sertTab = $_modx->runSnippet('!m01.ajax', [
					'snippet' => 'm01.cert',
					'wrapper' => '@INLINE
						<li class="ajax-snippet" id=""><a data-toggle="tab" href="#product-cert" class="as_trigger">Сертификаты</a></li>
					',
					'as_mode' => 'onload',
					'as_trigger' => 'Сертификаты',
					'as_target' => '#product-cert > div',
					'tplWrapper' => 'm01.cert.wrapper',
					'product' => $_modx->resource.id
					])}
					{if !$sertTab}
						<li><a data-toggle="tab" href="#product-cert">Сертификаты</a></li>
					{/if}

					<hr/>
					<p>Внимание! По спецификациям к установкам водяного пожаротушения предоставляются значительные
						скидки , а также от количества оборудования. Заявки присылайте по адресу info@m01.ru
					</p>

					<ul class="nav nav-tabs tm-product-tabs">
						<li class="active"><a data-toggle="tab" href="#product-desc">Описание</a></li>
						{$sertTab}
						
					</ul>
					<div class="tab-content">
						<div id="product-desc" class="tab-pane fade in active">
							<div class="mt10">
								{$_modx->resource.content}
							</div>
						</div>
						<div id="product-cert" class="tab-pane fade">
							<div class="mt10">
								{$_modx->resource.content}
							</div>
						</div>
						
						</div>
					</div>
				</div>
                <br/>
                	<div class="col-sm-12 col-md-12 col-xs-12">
                	{block 'productinfo'}
	                    
                    {/block}
                	  
                	</div>
                <br/>
				<div class="col-sm-12 col-md-12 col-xs-12 block-center mb20">
					{$_modx->runSnippet('pdoNeighbors@m01PdoNeighbors')}
				</div>

			</div>
		</div>
	</div>
{/block}