{extends 'file:layouts/layout.tpl'}

{block 'main'}

	{set $data = $_modx->runSnippet('@FILE snippets/get_good_options.php', [
		'id' => $_modx->resource.id,
		'ratio' => $_modx->resource.ratio,
		'type' => 'page'
	])}

	{set $product_set_info = $_modx->runSnippet('@FILE snippets/get_product_set_info.php', [
		'product_id' => $_modx->resource.id,
		'city_id' => $_modx->getPlaceholder('get.city.id')
	])}

	<div itemscope itemtype="http://schema.org/Product" id="msProduct" data-product-id="{$_modx->resource.id}">
	<section class="area good-info">
		<form class="ms2_form" method="post">
			<input type="hidden" name="id" value="{$_modx->resource.id}">
			<input type="hidden" name="options" value="[]">
			<input type="hidden" name="options[id_1s]" value={$data.options['id_1s'].values[0]}>

			<section class="area-content">
				<div class="row good-info-row" >
					<div class="col-left good-info-gallery">
						{* {$_modx->runSnippet('@FILE snippets/get_promo_info.php', [
							'product_id' => $_modx->resource.id,
							'tpl' => '@INLINE
								{if $image}
									<div class="good-label-image">
										<img src="/userdata/{$image}" alt="">
									</div>
								{/if}
							'
						])} *}

						{if $product_set_info?}
							{foreach $product_set_info as $item}
								{if $item.image?}
									<div class="good-label-image">
										<img src="/userdata/{$item.image}" alt="">
									</div>
								{/if}
							{/foreach}
						{/if}

						{if $new?}<div class="good-label-new">новинка</div>{/if}

						{* {if $old_price > 0 && $data.discount > 0}
							<div class="good-label-discount">{$data.discount}%</div>
						{/if} *}

						<div class="msmod_gallery">
							{'@FILE chunks/product_gallery.tpl' | chunk : [
								'data' => $data,
								'id' => $_modx->resource.id,
							]}
						</div>

						&nbspignore_d9f14600542775499ba60c414b334f02
					</div>

					<div class="col-middle good-info-content" >
						<h1 class="good-info-title" itemprop="name">{($_modx->resource.longtitle ?: $_modx->resource.pagetitle) | wrapNumbers}</h1>

						<div class="good-info-sku">
							{if $_pls['vendor.name']?}<small itemprop="brand">{$_pls['vendor.name'] | replace : '"' : '' | wrapNumbers}<br></small>{/if}

							{if $made_in?}<small>{$made_in | wrapNumbers}<br></small>{/if}

							{if $data.article?}
								<small>арт. <span class="msmod_article num">{$data.article}</span></small>
							{/if}
						</div>

						{if $product_set_info?}
							<div class="good-info-promo">
								{if $product_set_info[0].product_message?}
									{$product_set_info[0].product_message | nl2br}
									<br>
									<br>
								{else}
									{if $product_set_info[0].title?}
										Этот товар участвует в акции <a href="{9459 | url}?sale={$product_set_info[0].id}" style="color: #e4311dignore_d9f14600542775499ba60c414b334f02">{$product_set_info[0].title}</a>.<br><br>
									{/if}
									{if $product_set_info[0].cart_message?}
										{$product_set_info[0].cart_message | nl2br}<br><br>
									{/if}
								{/if}
							</div>
						{/if}

						{* {$_modx->runSnippet('@FILE snippets/get_promo_info.php', [
							'product_id' => $_modx->resource.id,
							'tpl' => '@INLINE
								{if $text}
									<div class="good-info-label-discount" style="{if $color_label}background-color:#{$color_label}ignore_d9f14600542775499ba60c414b334f02{/if} {if $color_text}color:#{$color_text}ignore_d9f14600542775499ba60c414b334f02{/if}">{$text | wrapNumbers}</div>
								{/if}
							'
						])} *}

						{if $product_set_info?}
							{foreach $product_set_info as $item}
								{if $item.label_text?}
									<div class="good-info-label-discount" style="{if $item.label_background_color}background-color:#{$item.label_background_color}ignore_d9f14600542775499ba60c414b334f02{/if} {if $item.label_text_color}color:#{$item.label_text_color}ignore_d9f14600542775499ba60c414b334f02{/if}">{$item.label_text | wrapNumbers}</div>
								{/if}
							{/foreach}
						{/if}

						{if $_modx->resource.introtext?}
							<div class="good-info-description">{$_modx->resource.introtext | wrapNumbers}</div>
						{/if}

						<div class="msmod_filters">
							{'@FILE chunks/product_filters.tpl' | chunk : [
								'data' => $data,
								'id' => $_modx->resource.id
							]}
						</div>

						<hr>

						<div class="good-info-availability">
							<a href="#" class="link link-dashed js-availability">
								{if $_modx->resource['product_form_on']}
									Оплата и доставка
								{else}
									Наличие в магазинах
								{/if}
							</a>
						</div>

						<hr>

						<script>
							{ignore}ignore_9b6ef557d9eda20f8eb317272ff8f990{/ignore}{$_modx->resource.ratio}{ignore}ignore_d9f14600542775499ba60c414b334f02{/ignore}
						</script>

						<div class="row good-info-controls" itemprop="offers" itemscope itemtype="http://schema.org/Offer">
							<div class="col-left">
								<div class="good-info-price num">
									<span>
										<span class="good-info-price-old faded">
											<span class="msmod_oldprice">{$data.old_price > 0 ? $data.old_price : ''}</span>
											{if $data.old_price > 0 && $data.discount > 0}
												<!--noindex-->&nbspignore_d9f14600542775499ba60c414b334f02<span class="good-info-price-persent">
													{if $data.discount_value | preg_match : '/%/'}
														-{$data.discount_value}
													{else}
														-{$data.discount_value}&nbspignore_d9f14600542775499ba60c414b334f02<span class="rub"> руб.</span>
													{/if}
												</span><!--/noindex-->
											{/if}
										</span>

										{if $data.price?}
										<span class="msmod_price">{if $_modx->resource['product_form_on']}<span class="good-info-price-from">от</span> {/if}{$data.price}</span> <span class="rub"> руб.</span>
											<meta itemprop="price" content="{$data.raw_price}">
											<link itemprop="availability" href="http://schema.org/InStock" />
										{else}
											<span class="msmod_price faded">По запросу</span>
											<meta itemprop="price" content="0">
											<link itemprop="availability" href="http://schema.org/PreOrder" />
										{/if}
										<meta itemprop="priceCurrency" content="RUB">

									</span>
									{if $_modx->resource.ratio > 1}
										<div class="good-info-price-description faded">Цена за упаковку ({$_modx->resource.ratio} шт.)<br>Цена за штуку {$data.price_single} <span class="rubsmall"> руб.</span></div>
									{/if}
								</div>
							</div>
							<div class="col-right row">
								{if $_modx->resource['product_form_on']}
									<a class="button button-danger button-big" href="#order" data-modal>Заказать расчет</a>
								{else}
									<div class="col-left">
										<div class="count good-info-count">
											<div class="count-plus">+</div>
											<div class="count-minus">-</div>
											<div class="count-field">
												<input type="text" name="count" id="product_price" class="num" value="1"/>
											</div>
										</div>
									</div>
									<div class="col-right">
										<button type="submit" class="button button-danger button-big" name="ms2_action" value="cart/add" {if !$data.found}disabled{/if}>В КОРЗИНУ</button>
									</div>
								{/if}
							</div>
						</div>

						{if $_modx->resource['product_form_on']}
							<div class="good-info-highlight">
								{$_modx->resource['product_form_highlight']}
								<div class="good-info-highlight-controls"><a class="button button-primary" href="#question" data-modal>Задать вопрос</a><a class="button button-primary" href="#backcall" data-modal>Перезвоните мне</a></div>
							</div>
						{/if}

						<div class="good-info-controls">
							<div class="row">
								<div class="col-left">
									{$_modx->runSnippet('!addComparison', [
										'list_id' => 47,
										'tpl' => 'compare-button-link',
										'list' => $_modx->resource.parent | resource : 'alias',
									])}
								</div>
								<div class="col-left">
									{$_modx->runSnippet('!msf.favorites', [
										'id' => $_modx->resource.id,
										'list' => 'doctor_favorites',
										'list_id' => 33,
										'mode' => 2,
										'removeElement' => 1,
										'tpl' => 'favorite-button-link',
									])}
								</div>
							</div>
						</div>
					</div>
				</div>
			</section>

		</form>
	</section>

	{set $properties = $data.options}
	{unset $properties['id_1s']}

	{set $tabs = $_modx->resource['tabs-desc'] | fromJSON}

	{if $tabs != '' || $_modx->resource.content != '' || $properties != ''}

	<!--Описание-->
	<section class="area">
		<section class="area-section">
			<div class="tabs area-tabs">
				<div class="tab-title">
					{if $_modx->resource.content?}<div class="tab-item">Описание</div>{/if}
					{if $_modx->resource.hide_properties != '1'}
						{if $properties?}<div class="tab-item">Характеристики</div>{/if}
					{/if}
					{if $tabs?}
						{foreach $tabs as $key}
							<div class="tab-item">{$key.title}</div>
						{/foreach}
					{/if}
					<div class="tab-item">
						{if $_modx->resource['product_form_on']}
							Оплата и доставка
						{else}
							Наличие в магазинах
						{/if}
					</div>
				</div>

				<div class="tab-content" itemprop="description">
					{if $_modx->resource.content?}<div class="tab-item">{$_modx->resource.content | tooltip | wrapNumbers}</div>{/if}

					{if $_modx->resource.hide_properties != '1'}
						{if $properties?}
							<div class="tab-item">
								<table>
									<tr>
										<th>Параметры</th>
										<th>Описание</th>
									</tr>
									{foreach $properties as $v}
										<tr>
											<td>{$v.caption | tooltip | wrapNumbers}</td>
											<td>{$v.values | join : ', ' | tooltip | wrapNumbers}</td>
										</tr>
									{/foreach}
								</table>
							</div>
						{/if}
					{/if}

					{if $tabs?}
						{foreach $tabs as $key}
							<div class="tab-item">{$key.content | tooltip | wrapNumbers}</div>
						{/foreach}
					{/if}

					<div class="tab-item">
						<div class="msmod_availability" id="availability">
							{set $availability = $_modx->runSnippet('@FILE snippets/get_good_availability.php', [
								'id' => $_modx->resource.id,
								'city' => $_modx->getPlaceholder('get.city'),
								'ratio' => $_modx->resource.ratio
							])}

							{$availability | wrapNumbers}
						</div>
					</div>
				</div>
			</div>
		</section>
	</section>
	<!--/Описание-->
	</div>
	{/if}

	{set $similar_products_data = [
		'includeThumbs' => '175x175',
		'tpl' => '@FILE chunks/product_row.tpl',
		'sortby' => 'RAND()',
		'parents' => $_modx->resource.parent,
		'resources' => '-'~$_modx->resource.id,
		'limit' => '4',
		'includeTVs' => 'ratio',

		'leftJoin' => [
			'Option' => [
				'class' => 'msProductOption',
				'on' => 'Option.product_id = msProduct.id'
			]
		],

		'select' => [
			'Option' => '*'
		],

		'prepareSnippet' => '@FILE snippets/prepare.php',
		'customData' => [
			'city_id' => $_modx->getPlaceholder('get.city.id')
		]
	]}

	{set $where = $_modx->runSnippet('getWhereForSiblingProducts')}

	{if $where != ''}
		{set $similar_products_data['where'] = [""~$where~""]}
	{/if}

	{set $similar_products = $_modx->runSnippet('msProducts', $similar_products_data)}

	{if $similar_products?}
		<div class="head text-strike">Похожие товары</div>
		<div class="list list-float goods-list goods-list-type-tile goods-list-type-tile-hide-last" data-list-type="similarProducts">
			{$similar_products}
		</div>
	{/if}

	{'@FILE chunks/seo_links.tpl' | chunk}

{/block}

{block 'bottom'}
	{if $_modx->resource['product_form_on']}
		<div class="modal" id="question">
			<div class="modal__container"><button class="modal__close" data-modal-close></button>
				<div class="modal__title">Задать вопрос</div>
				{$_modx->runSnippet('AjaxForm', [
					'snippet' => 'FormIt',
					'form' => 'product-form-question',
					'hooks' => 'email',
					'emailSubject' => 'Вопрос по товару с сайта '~$_modx->config.site_name,
					'emailFrom' => $_modx->config.emailsender,
					'emailTo' => 'domdr.kuzmin@mail.ru',
					'emailTpl' => 'product-form-question-email',
					'validate' => 'question_name:required, question_phone:required, question_email:email, question_message:stripTags:required, question_privacy:required',
					'validationErrorMessage' => 'В форме содержатся ошибки!',
					'successMessage' => 'Вопрос успешно отправлен'
				])}
			</div>
		</div>
		<div class="modal" id="backcall">
			<div class="modal__container"><button class="modal__close" data-modal-close></button>
				<div class="modal__title">Заказать звонок</div>
				{$_modx->runSnippet('AjaxForm', [
					'snippet' => 'FormIt',
					'form' => 'product-form-backcall',
					'hooks' => 'email',
					'emailSubject' => 'Вопрос по товару с сайта '~$_modx->config.site_name,
					'emailFrom' => $_modx->config.emailsender,
					'emailTo' => 'domdr.kuzmin@mail.ru',
					'emailTpl' => 'product-form-backcall-email',
					'validate' => 'backcall_name:required, backcall_phone:required, backcall_privacy:required',
					'validationErrorMessage' => 'В форме содержатся ошибки!',
					'successMessage' => 'Запрос успешно отправлен'
				])}
			</div>
		</div>
		<div class="modal" id="order">
			<div class="modal__container"><button class="modal__close" data-modal-close></button>
				<div class="modal__title">Заказать расчет</div>
				{$_modx->runSnippet('AjaxForm', [
					'snippet' => 'FormIt',
					'form' => 'product-form-order',
					'hooks' => 'email',
					'emailSubject' => 'Заказ товара с сайта '~$_modx->config.site_name,
					'emailFrom' => $_modx->config.emailsender,
					'emailTo' => 'domdr.kuzmin@mail.ru',
					'emailTpl' => 'product-form-order-email',
					'validate' => 'order_name:required, order_phone:required, order_email:email, order_message:stripTags:required, order_privacy:required',
					'validationErrorMessage' => 'В форме содержатся ошибки!',
					'successMessage' => 'Заказ успешно отправлен'
				])}
			</div>
		</div>
	{/if}
{/block}

{block 'js'}

	{ignore}
		<script>
			var category = getCategoryData(true)ignore_d9f14600542775499ba60c414b334f02
			var referrer = document.referrerignore_d9f14600542775499ba60c414b334f02
			var listName = ''ignore_d9f14600542775499ba60c414b334f02

			if (referrer.match(/https:\/\/market\.yandex/)) {
				listName = 'market.yandex.ru'ignore_d9f14600542775499ba60c414b334f02
			}

			if (referrer.match(/https:\/\/yabs\.yandex/)) {
				listName = 'yabs.yandex.ru'ignore_d9f14600542775499ba60c414b334f02
			}

			if (referrer.match(/https:\/\/yandex/)) {
				listName = 'yandex.ru'ignore_d9f14600542775499ba60c414b334f02
			}

			if (referrer.match(/https:\/\/www\.google/)) {
				listName = 'google.ru'ignore_d9f14600542775499ba60c414b334f02
			}

			var productData = {
				'ecommerce': {
					'currencyCode': 'RUB',
					'detail': {
						'products': []
					},
					'impressions': []
				},
				'event': 'gtm-ee-event',
				'gtm-ee-event-category': 'Enhanced Ecommerce',
				'gtm-ee-event-action': 'Product Details',
				'gtm-ee-event-non-interaction': 'True',
			}ignore_d9f14600542775499ba60c414b334f02
			/*
			if (listName !== '') {
				productData.ecommerce.detail['actionField'] = {
					'list': listName
				}
			}
			*/

			productData.ecommerce.detail.products.push(
				getProductData(
					$('#msProduct .good-info-title'),
					$('#msProduct input[name="id"]'),
					$('#msProduct .msmod_price'),
					$('#msProduct [itemprop="brand"]'),
					category
				)
			)ignore_d9f14600542775499ba60c414b334f02

			$('.goods-list .ms2_product').each(function(index) {
				productData.ecommerce.impressions.push(
					getProductData(
						$(this).find('.good-title-link'),
						$(this).find('input[name="id"]'),
						$(this).find('.good-price .num'),
						$(this).find('.good-article-label'),
						category,
						{
							'list': 'Similar Products',
							'position': (index + 1)
						}
					)
				)ignore_d9f14600542775499ba60c414b334f02
			})ignore_d9f14600542775499ba60c414b334f02

			dataLayer.push(productData)ignore_d9f14600542775499ba60c414b334f02

			$(document).on('af_complete', function (event, response) {
				var form = response.formignore_d9f14600542775499ba60c414b334f02
				if (response.success) {
					if (form[0].id === 'product-form-question') {
						window.modal.close('question')ignore_d9f14600542775499ba60c414b334f02
					}ignore_d9f14600542775499ba60c414b334f02

					if (form[0].id === 'product-form-backcall') {
						window.modal.close('backcall')ignore_d9f14600542775499ba60c414b334f02
					}ignore_d9f14600542775499ba60c414b334f02

					if (form[0].id === 'product-form-order') {
						window.modal.close('order')ignore_d9f14600542775499ba60c414b334f02
					}ignore_d9f14600542775499ba60c414b334f02
				}ignore_d9f14600542775499ba60c414b334f02
			})ignore_d9f14600542775499ba60c414b334f02
		</script>
	{/ignore}

{/block}