{% extends '../_layouts/_main.twig' %}
{% block beforeContent %}
	<div class="p-tires-headline p-0">
		<div class="p-tires-headline__head">
			<div class="b-annr b-annr_type-b">
				<div class="hidden-xs">
					<div class="b-annr__bg" style="background-image: url(/images/examples/b-annr-tyres/desktop.jpg); background-position: left center;"></div>
				</div>
				<div class="visible-xs">
					<div class="b-annr__bg" style="background-image: url(/images/examples/b-annr-tyres/mobile.jpg)"></div>
				</div>
				<div class="b-annr__body">
					<div class="media media-responsive-xs">
						<div class="media-body">
							<div class="text-container">
								<strong>Получи резину сразу. <br>Оплати позже. Без процентов.</strong>
								<div class="mb-4"></div>
								<a href="#" class="dash-link p-tires-headline-toggle">Информация о рассрочке <i class="fa fa-angle-double-down"></i></a>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="p-tires-headline__body">
			<i class="closer square size_16 p-tires-headline-toggle"></i>
			<div class="b-zero">
				<dl>
					<dt>Расходы по нулям!</dt>
					<dd><strong>0 €</strong> первый взнос</dd>
					<dd><strong>0 €</strong> плата за договор</dd>
					<dd><strong>0 %</strong> интресс</dd>
				</dl>
			</div>
			<div class="b-info">
				<div class="panel panel-water">
					<div class="panel-body">
						<i class="panel-icon fa fa-thumbs-up color-blue"></i>
						<p><strong>Все расходы по рассрочке ALVADI берёт на себя.</strong></p>
						<p>Например:<br>Берёте <span class="text-nowrap">150 €</span> на 3 месяца, отдаёте 3 раза по <span class="text-nowrap">50 €</span> <span class="text-nowrap">= 150 €</span></p>
						<strong>Сколько берёте, столько отдаёте. <br> Ни цента больше!</strong>
					</div>
				</div>
			</div>
			<div class="b-how">
				<dl>
					<dt>Как воспользоваться рассрочкой?</dt>
					<dd><strong class="number">1.</strong> Добавьте товар в корзину и нажмите кнопку «Оформить заказ»</dd>
					<dd>
						<strong class="number">2.</strong> На странице оплаты нажмите кнопку:&nbsp;
						<div class="b-how-arrTrio">
							<div class="arrow"><img src="/images/icons/p-tires-headline-rarr-red.png" alt=""></div>
							<div class="image"><img src="/images/examples/b-annr-0053/logo_trio_ru.jpg" alt=""></div>
						</div>
					</dd>
					<dd>
						<a href="/ru/trio" target="_blank">
							Условия рассрочки
							<svg class="inline-block" width="14" height="14"><use xlink:href="/images/svg/main-sprite.svg#target-blank"></use></svg>
						</a>
					</dd>
				</dl>
			</div>
		</div>
		{#<div class="p-tires-headline__footer">
			<div class="icontext">
				<div class="icon align-items-start"><img src="/images/examples/b-annr-0053/freeDelivery.png" alt="" /></div>
				<div class="text">Закажи 4 колеса, получи бесплатную доставку по Эстонии!</div>
			</div>
		</div>#}
	</div>
{% endblock %}
{% block content %}
	<div class="p-catalog__content">
		<div class="categories-info">
			<h1>Выберите резину для Вашего автомобиля</h1>
			<div class="icontext">
				<div class="icon"><img src="/images/examples/b-annr-0053/freeDelivery.png" width="48" alt="" /></div>
				<div class="text">
					<strong class="fs-16 color-green">Закажи 4 колеса, получи бесплатную доставку по Эстонии!</strong>
				</div>
			</div>
		</div>

		{% include '_parts/_viewedCarsBox.twig' %}
		<div class="mb-24"></div>

		<form class="w-licensePlate{% if hasErorr is defined %} has-error{% endif %}" action="">
			<div class="w-licensePlate__head">
				Введите номер машины:
			</div>
			<div class="w-licensePlate__body">
				<div class="w-licensePlate__input">
					<div class="form-group">
						<div class="form-group__icon">
							<img src="/images/svg/est-sign.svg" alt="" />
						</div>
						<div class="form-group__field">
							<input type="text" value="" placeholder="123 ABC" />
							<i class="state"></i>
						</div>
					</div>
				</div>
				<div class="w-licensePlate__button">
					<button type="submit" class="btn btn-primary">
						<svg class="btn__ico"><use xlink:href="/images/svg/main-sprite.svg#magnifier"></use></svg>
						<span class="btn__txt">Найти</span>
					</button>
				</div>
			</div>
			<div class="w-licensePlate__result{% if searchResult is defined %} in{% endif %}">
				<div class="w-licensePlate__error">
					<div class="arrow">
						<img src="/images/arrow-down-red.svg" alt="" />
					</div>
					{{ searchResult }}
				</div>
			</div>
		</form>

		<div class="mb-40"></div>
		{% include '_parts/_landingFilters.twig' %}

		{% include '_parts/_productList.twig' %}

	</div>
	<div class="content-separator"></div>
{% endblock %}
{#
{% block footer %}
	{% include '../_parts/_footer-short.twig' %}
{% endblock %}#}