{% extends '../_layouts/_main.twig' %}
{% set subscribe = 'yellow' %}
{% block content %}
	<div class="p-search">
		{#<div class="p-search-form">
			Поиск по сайту
			<div class="form-group has-error">
				<div class="d-flex">
					<div class="form-field">
						<input type="text" class="form-control" value="Заглушка TYC" />
					</div>
					<div class="form-btn">
						<button class="btn btn-primary"><i class="fa fa-search"></i> Найти</button>
					</div>
				</div>
				<div class="help-block pl-8">
					Запчасть с кодом "<strong>Заглушка TYC</strong>" не найдена
				</div>
			</div>
		</div>#}

		<div class="p-search-request has-error">
			<h1>По запросу <strong>Заглушка TYC</strong> ничего не найдено</h1>
		</div>

		<div class="p-search-panel panel_gray panel_wide">
			<div class="panel__head">
				<strong>Возможно, Вы имели ввиду:</strong>
			</div>
			<div class="panel__body">
				<ul class="p-search-list">
					<li>
						<a href="#" class="p-search-category">
							<div class="item-image">
								<img class="item-image__bg" src="/images/i4x3.png" alt="" />
								<img class="item-image__img" src="https://alvadi.ee/pics/product_groups_default_pics/wow/small/1195.jpg" alt="" />
							</div>
							<div class="item-content">
								<div class="item-name">
									Коврики напольные
								</div>
							</div>
						</a>
					</li>
					<li>
						<a href="#" class="p-search-category">
							<div class="item-image">
								<img class="item-image__bg" src="/images/i4x3.png" alt="" />
								<img class="item-image__img" src="https://alvadi.ee/pics/product_groups_default_pics/wow/small/1611.jpg" alt="" />
							</div>
							<div class="item-content">
								<div class="item-name">
									Защита под двигатель
								</div>
							</div>
						</a>
					</li>
				</ul>
			</div>
		</div>

		<div class="p-search-panel panel_gray panel_wide">
			<div class="panel__head">
				<strong>Популярные:</strong>
			</div>
			<div class="panel__body">
				<ul class="p-search-popular">
					<li>
						<a href="/ru/zapchasti/kovriki-napoljnye/" class="product-preview" title="Коврики напольные">
							<div class="product-preview__head">
								<div class="img-aligner">
									<img class="img-aligner__bg" src="https://alpics.info/web/public/images/i4x4.png" alt="" />
									<img class="img-aligner__img" src="https://alvadi.ee/pics/product_groups_default_pics/wow/small/1195.jpg" alt="Коврики напольные" />
								</div>
							</div>
							<div class="product-preview__body">
								<div class="name">Коврики напольные</div>
							</div>
						</a>
					</li>
					<li>
						<a href="/ru/zapchasti/zashita-pod-dvigatelj/" class="product-preview" title="Защита под двигатель">
							<div class="product-preview__head">
								<div class="img-aligner">
									<img class="img-aligner__bg" src="https://alpics.info/web/public/images/i4x4.png" alt="" />
									<img class="img-aligner__img" src="https://alvadi.ee/pics/product_groups_default_pics/wow/small/1611.jpg" alt="Защита под двигатель" />
								</div>
							</div>
							<div class="product-preview__body">
								<div class="name">Защита под двигатель</div>
							</div>
						</a>
					</li>
					<li>
						<a href="/ru/zapchasti/podkryljnik/" class="product-preview" title="Подкрыльник">
							<div class="product-preview__head">
								<div class="img-aligner">
									<img class="img-aligner__bg" src="https://alpics.info/web/public/images/i4x4.png" alt="" />
									<img class="img-aligner__img" src="https://alvadi.ee/pics/product_groups_default_pics/wow/small/1345.jpg" alt="Подкрыльник" />
								</div>
							</div>
							<div class="product-preview__body">
								<div class="name">Подкрыльник</div>
							</div>
						</a>
					</li>
					<li>
						<a href="/ru/zapchasti/reshetka/" class="product-preview" title="Решётка">
							<div class="product-preview__head">
								<div class="img-aligner">
									<img class="img-aligner__bg" src="https://alpics.info/web/public/images/i4x4.png" alt="" />
									<img class="img-aligner__img" src="https://alvadi.ee/pics/product_groups_default_pics/wow/small/109.jpg" alt="Решётка" />
								</div>
							</div>
							<div class="product-preview__body">
								<div class="name">Решётка</div>
							</div>
						</a>
					</li>
					<li><a href="/ru/zapchasti/rychag/" class="product-preview" title="Рычаг">
							<div class="product-preview__head">
								<div class="img-aligner">
									<img class="img-aligner__bg" src="https://alpics.info/web/public/images/i4x4.png" alt="" />
									<img class="img-aligner__img" src="https://alvadi.ee/pics/product_groups_default_pics/wow/small/1460.jpg" alt="Рычаг" />
								</div>
							</div>
							<div class="product-preview__body">
								<div class="name">Рычаг</div>
							</div>
						</a>
					</li>
					<li>
						<a href="/ru/zapchasti/amortizator/" class="product-preview" title="Амортизатор">
							<div class="product-preview__head">
								<div class="img-aligner">
									<img class="img-aligner__bg" src="https://alpics.info/web/public/images/i4x4.png" alt="" />
									<img class="img-aligner__img" src="https://alvadi.ee/pics/product_groups_default_pics/wow/small/1281.jpg" alt="Амортизатор" />
								</div>
							</div>
							<div class="product-preview__body">
								<div class="name">Амортизатор</div>
							</div>
						</a>
					</li>
					<li>
						<a href="/ru/zapchasti/fara-osnovnaja/" class="product-preview" title="Фара основная">
							<div class="product-preview__head">
								<div class="img-aligner">
									<img class="img-aligner__bg" src="https://alpics.info/web/public/images/i4x4.png" alt="" />
									<img class="img-aligner__img" src="https://alvadi.ee/pics/product_groups_default_pics/wow/small/1138.jpg" alt="Фара основная" />
								</div>
							</div>
							<div class="product-preview__body">
								<div class="name">Фара основная</div>
							</div>
						</a>
					</li>
					<li>
						<a href="/ru/zapchasti/fonarj-zadnij/" class="product-preview" title="Фонарь задний">
							<div class="product-preview__head">
								<div class="img-aligner">
									<img class="img-aligner__bg" src="https://alpics.info/web/public/images/i4x4.png" alt="" />
									<img class="img-aligner__img" src="https://alvadi.ee/pics/product_groups_default_pics/wow/small/1497.jpg" alt="Фонарь задний" />
								</div>
							</div>
							<div class="product-preview__body">
								<div class="name">Фонарь задний</div>
							</div>
						</a>
					</li>
					<li>
						<a href="/ru/zapchasti/fara-protivotumannaja-perednjaja/" class="product-preview" title="Фара противотуманная передняя">
							<div class="product-preview__head">
								<div class="img-aligner">
									<img class="img-aligner__bg" src="https://alpics.info/web/public/images/i4x4.png" alt="" />
									<img class="img-aligner__img" src="https://alvadi.ee/pics/product_groups_default_pics/wow/small/1225.jpg" alt="Фара противотуманная передняя" />
								</div>
							</div>
							<div class="product-preview__body">
								<div class="name">Фара противотуманная передняя</div>
							</div>
						</a>
					</li>
					<li>
						<a href="/ru/zapchasti/ukazatelj-povorota-perednij/" class="product-preview" title="Указатель поворота передний">
							<div class="product-preview__head">
								<div class="img-aligner">
									<img class="img-aligner__bg" src="https://alpics.info/web/public/images/i4x4.png" alt="" />
									<img class="img-aligner__img" src="https://alvadi.ee/pics/product_groups_default_pics/wow/small/1296.jpg" alt="Указатель поворота передний" />
								</div>
							</div>
							<div class="product-preview__body">
								<div class="name">Указатель поворота передний</div>
							</div>
						</a>
					</li>
				</ul>
			</div>
		</div>

	</div>
	<div class="content-separator"></div>
{% endblock %}