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

{block 'css'}
  <link rel="stylesheet" href="{'/templates/assets/css/catalog_brand_model.min.css' | version}">
{/block}

{block 'js'}
  <script defer src="{'/templates/assets/js/catalog_brand_model.min.js' | version}"></script>
{/block}

{block 'seo'}
	{set $vendor = 'pdoResources' | snippet : [
		'loadModels' => 'minishop2',
		'class' => 'msVendor',
		'return' => 'json',
		'sortby' => 'id',
		'where' => [
			'id' => ($_modx->resource.parent | resource : 'vendor')
		] | toJSON
	] | fromJSON}
	
	{set $min_price = '@FILE snippets/get_min_price.php' | snippet}

	<title>Шины {$vendor[0].name} {$_modx->resource.pagetitle} - купить в Самаре, цена от {$min_price | price_format} ₽ | Вираж-Шинторг</title>
	<meta name="description" content="Шины {$vendor[0].name} {$_modx->resource.pagetitle} недорого. В наличии модели резины любых характеристик, размеров и радиусов. Летние, зимние и всесезонные покрышки для легковых, грузовых авто и мото транспорта. Быстрая доставка: Самара и регионы РФ. Гарантия качества от производителя. Отзывы. Интернет-магазин Вираж-Шинторг.">
	<meta name="keywords" content="{$_modx->resource.seo_keywords}">
{/block}


{block 'main'}
	{set $vendor = 'pdoResources' | snippet : [
		'loadModels' => 'minishop2',
		'class' => 'msVendor',
		'return' => 'json',
		'sortby' => 'id',
		'where' => [
			'id' => ($_modx->resource.parent | resource : 'vendor')
		] | toJSON
	] | fromJSON}

	{set $model_info = '@FILE snippets/get_model_info.php' | snippet : [
		'id' => $_modx->resource.id
	]}

	{'@FILE chunks/heading.tpl' | chunk : [
		'title' => 'Шины '~ $vendor[0].name~' '~$_modx->resource.pagetitle ~' в Самаре'
	]}

	<section class="section section_content">
		<div class="container">
			<div class="block">
				<div class="model-details">
					<div class="model-details__aside">
						<div class="product-gallery">
							<div class="product-gallery__main">
								{if $_modx->resource.image?}
									{set $image = 'phpthumbon' | snippet : [
										'input' => $_modx->resource.image,
										'options' => 'w=500&h=500&bg=FFFFFF'
									]}

									<img class="lazy" data-src="{$image}" alt="{$_modx->resource.pagetitle}" width="500" height="500">
								{else}
									<img class="lazy" data-src="/templates/assets/img/product/empty-large.svg" alt="">
								{/if}

								<div class="product-gallery__tags">
									{if $_modx->resource.popular?}
										<div class="product-gallery__tags-item" style="background-color: #2B2B2B; color: #FFFFFF;">Хит</div>
									{/if}

									{if$_modx->resource.new?}
										<div class="product-gallery__tags-item" style="background-color: #FFE6AE; color: #2B2B2B;">Новинка</div>
									{/if}

									{if $_modx->resource.favorite?}
										<div class="product-gallery__tags-item" style="background-color: #D7F0FF; color: #2B2B2B;">Шиномонтаж в подарок</div>
									{/if}
								</div>

								{if $model_info.season?}
									{set $seasons = [
										'зимние' => 'winter',
										'зимние шипованные' => 'winter',
										'зимние нешипованные' => 'winter',
										'летние' => 'summer',
										'всесезонные' => 'all-season',
									]}

									{set $season_icon = $seasons[($model_info.season | lowercase)]}

									{if $season_icon?}
										<div class="product-gallery__season">
											<img class="lazy" data-src="/templates/assets/img/product/{$season_icon}.svg" alt="">
										</div>
									{/if}
								{/if}
							</div>
						</div>
					</div>
					<!-- aside-->

					<div class="model-details__section">

						{if $vendor[0].logo?}
							<div class="model-details__logotype">
								<img class="lazy" data-src="/{$vendor[0].logo}" alt="{$vendor[0].name}">
							</div>
						{/if}

						{set $min_price = '@FILE snippets/get_min_price.php' | snippet}

						{if $min_price?}
							<div class="model-details__price">от {$min_price | price_format} ₽</div>
						{/if}

						<div class="model-details__properties">
							<div class="properties">
								{if $vendor[0]?}
									<div class="property">
										<div class="property__label">Производитель</div>
										<div class="property__value"><a href="{$vendor[0].resource | url}">{$vendor[0].name}</a> {if $vendor[0].country?}({$vendor[0].country}){/if}</div>
									</div>
								{/if}

								{if $model_info.season?}
									<div class="property">
										<div class="property__label">Сезонность</div>
										<div class="property__value">
											{$model_info.season}
										</div>
									</div>
								{/if}

								{if $_modx->resource.year?}
									<div class="property">
										<div class="property__label">В продаже</div>
										<div class="property__value">{$_modx->resource.year}</div>
									</div>
								{/if}
							</div>

							<div class="properties">
								{if $model_info.car_type?}
									<div class="property">
										<div class="property__label">Тип автомобиля</div>
										<div class="property__value">
											{$model_info.car_type}
										</div>
									</div>
								{/if}

								<div class="property">
									<div class="property__label">Шипы</div>
									<div class="property__value">
										{$model_info.spikes ? 'Да' : 'Нет'}
									</div>
								</div>

								{* {if $_modx->resource.tyre_class?}
									<div class="property">
										<div class="property__label">Класс шин</div>
										<div class="property__value">{$_modx->resource.tyre_class}</div>
									</div>
								{/if} *}
							</div>
						</div>

						{if $_modx->resource.content?}
							<div class="model-details__description">
								<h2>Описание {$vendor[0].name} {$_modx->resource.pagetitle}</h2>

								<div class="spoiler">
									<div class="spoiler__preview">
										{$_modx->resource.content
											| replace : '{brand}' : $vendor[0].name
											| replace : '{model}' : $_modx->resource.pagetitle
											| strip_tags
											| truncate : 500 : '...'
										}
									</div>
									<div class="spoiler__content">
										{$_modx->resource.content
											| replace : '{brand}' : $vendor[0].name
											| replace : '{model}' : $_modx->resource.pagetitle
											| userdata
										}
									</div>
									<div class="spoiler__control">
										<button type="button">Показать все описание</button>
									</div>
								</div>
							</div>
						{/if}
					</div>
				</div>
				<!-- model-details-->
			</div>
		</div>
	</section>
	<!-- section-->

	{set $products = 'msProducts' | snippet : [
		'limit' => 0,
		'sortby' => 'diameter',
		'sortdir' => 'asc',
		'return' => 'json'
	] | fromJSON}

	{set $groups = []}
	{set $grouped_products = []}

	{foreach $products as $item}
		{if $item.diameter?}
			{set $grouped_products[$item.diameter][] = $item}

			{if !($item.diameter | in : $groups)}
				{set $groups[] = $item.diameter}
			{/if}

		{/if}
	{/foreach}

	{foreach $products as $item}
		{if !$item.diameter?}
			{set $grouped_products['other'][] = $item}

			{if !('other' | in : $groups)}
				{set $groups[] = 'other'}
			{/if}
		{/if}
	{/foreach}

	<section class="section section_block">
		<div class="container">
			<div class="block">
				<div class="tabs tabs_primary" data-groups>
					<div class="tabs__title">
						<div class="tabs__item tabs__item_active" data-groups-filter>Все</div>
						{foreach $groups as $item}
							<div class="tabs__item" data-groups-filter="{$item}">
								{if $item == 'other'}Прочее{else}R{$item}{/if}
							</div>
						{/foreach}
					</div>

					<div class="tabs__content">
						<div class="tabs__item tabs__item_active">

							{foreach $grouped_products as $key => $items}
								<div class="group" data-groups-item="{$key}">
									<div class="group__title">
										{if $key == 'other'}Прочее{else}R{$key}{/if}
									</div>

									<div class="group__list">
										{foreach $items as $item}
											{set $delimeter = (($item.height | parse_float) >= 9.5 && ($item.height | parse_float) <= 15.5) ? 'x' : '/'}
											{set $dimensions = (($item.width | parse_float) >= 6.5 && ($item.width | parse_float) <= 15.5) ? $item.width : $item.width~$delimeter~$item.height}
											{set $options = $dimensions~' R'~$item.diameter~' '~$item.load_index~$item.speed_index}
											{set $only_even = 'pdoField' | snippet : ['id' => $item.id, 'top' => 2, 'field' => 'only_even']} 

											<div class="group__item">
												<div class="product-short">
													<div class="product-short__title">
														<a class="product-short__link" href="{$item.id | url}">
															{$item['vendor.name']} {$item.model} {$options}
														</a>
													</div>

													<div class="product-short__options">{$options}</div>

													<div class="product-short__season">
														{$item.season}
													</div>

													<div class="product-short__status">
														{if $item.remains == 0}
															<span style="color: #FE4135">Нет в наличии</span>
														{/if}

														{if $item.remains <= 4 && $item.remains != 0}
															<span style="color: #A1A1A1">Заканчиваются</span>
														{/if}

														{if $item.remains > 4}
															<span style="color: #FEC135">В наличии</span>
														{/if}
													</div>

													<div class="product-short__price">{$item.price | price_format} ₽</div>

													<form method="post" class="ms2_form product-short__controls">
														{if $only_even && $item.remains >= 2}
															<input type="hidden" name="count" value="2">
														{else}
															<input type="hidden" name="count" value="1">
														{/if}

														<a class="button button_smaller button_secondary" href="{$item.id | url}">Подробнее</a>

														{if $item.remains?}
															<input type="hidden" name="id" value="{$item.id}">
															<button class="button button_smaller button_primary" type="submit" name="ms2_action" value="cart/add">Купить</button>
														{else}
															<a href="#order_product" class="button button_smaller button_primary" data-modal data-order-product="{$item['vendor.name']} {$item.model} {$options}">Заказать</a>
														{/if}
													</form>
												</div>
												<!-- product-short-->
											</div>
										{/foreach}
									</div>
								</div>
								<!-- group-->
							{/foreach}

						</div>
					</div>
				</div>
				<!-- tabs-->
			</div>
		</div>
	</section>
	<!-- section-->

{/block}