{% set carList = [
	{
		"url" : "#",
		"image" : "https://alpics.info/pics/car_pics_new/small/2874.jpg",
		"name" : "BMW X5 (E70)",
		"date" : "10.2006-04.2010",
		"number" : "454mnk"
	},
	{
		"url" : "#",
		"image" : "https://pics2.alpics.info/pics/car_pics_new/small/13849.jpg",
		"name" : "Volkswagen GOLF PLUS VI PLUS",
		"date" : "01.2009-...",
		"number" : ""
	},
	{
		"url" : "#",
		"image" : "https://pics2.alpics.info/pics/car_pics_new/small/26474.jpg",
		"name" : "Audi A5 (B8)",
		"date" : "10.2011-2016",
		"number" : ""
	},
	{
		"url" : "#",
		"image" : "https://alpics.info/pics/car_pics_new/small/25484.jpg",
		"name" : "Volkswagen AMAROK",
		"date" : "01.2010-...",
		"number" : ""
	},
	{
		"url" : "#",
		"image" : "https://pics2.alpics.info/pics/car_pics_new/small/13040.jpg",
		"name" : "Honda CRV (RE)",
		"date" : "09.2006 - 11.2009",
		"number" : "850AYB"
	},
	{
		"url" : "#",
		"image" : "https://pics3.alpics.info/pics/car_pics_new/small/28887.jpg",
		"name" : "Land Rover RANGE ROVER SPORT",
		"date" : "10.2017 -  ...",
		"number" : ""
	},
	{
		"url" : "#",
		"image" : "https://pics2.alpics.info/pics/car_pics_new/small/27014.jpg",
		"name" : "BMW X6 (F16)",
		"date" : "01.2014 - ...",
		"number" : "988MRK"
	},
	{
		"url" : "#",
		"image" : "https://pics3.alpics.info/pics/car_pics_new/small/16382.jpg",
		"name" : "Ford SIERRA (GBC/GBG/GB4/BNG)",
		"date" : "04.1987 - 02.1993",
		"number" : ""
	},
	{
		"url" : "#",
		"image" : "https://pics2.alpics.info/pics/car_pics_new/small/26498.jpg",
		"name" : "Hyundai ELANTRA (MD/UD)",
		"date" : "08.2010 - 12.2016",
		"number" : "850AYB"
	},
	{
		"url" : "#",
		"image" : "https://pics2.alpics.info/pics/car_pics_new/small/13040.jpg",
		"name" : "Honda CRV (RE)",
		"date" : "09.2006 - 11.2009",
		"number" : "850AYB"
	},
	{
		"url" : "#",
		"image" : "https://pics3.alpics.info/pics/car_pics_new/small/28887.jpg",
		"name" : "Land Rover RANGE ROVER SPORT",
		"date" : "10.2017 -  ...",
		"number" : ""
	},
	{
		"url" : "#",
		"image" : "https://pics2.alpics.info/pics/car_pics_new/small/27014.jpg",
		"name" : "BMW X6 (F16)",
		"date" : "01.2014 - ...",
		"number" : "988MRK"
	},
	{
		"url" : "#",
		"image" : "https://pics3.alpics.info/pics/car_pics_new/small/16382.jpg",
		"name" : "Ford SIERRA (GBC/GBG/GB4/BNG)",
		"date" : "04.1987 - 02.1993",
		"number" : "850AYB"
	},
	{
		"url" : "#",
		"image" : "https://pics2.alpics.info/pics/car_pics_new/small/26498.jpg",
		"name" : "Hyundai ELANTRA (MD/UD)",
		"date" : "08.2010 - 12.2016",
		"number" : "850AYB"
	}
] %}
{% if carCounter is not defined %}
	{% set carCounter = 5 %}
{% endif %}
<div class="w-viewedCars-box">
	<div class="w-viewedCars large">
		<div class="w-viewedCars__head visible-xxs">
			Выберите Ваше авто:
		</div>
		<div class="w-viewedCars__list">
			{% for i in 0..carCounter-1 %}
			<div class="w-viewedCars-item">
				<i class="fa fa-trash remover"></i>
				<a href="{{ carList[i].url }}" class="w-viewedCars-item__link" title="{{ carList[i].name }} {{ carList[i].date }}">
					<div class="media">
						<div class="media-left">
							<img class="w-viewedCars-item__image" src="{{ carList[i].image }}" alt="" />
						</div>
						<div class="media-body">
							<div class="w-viewedCars-item__model">{{ carList[i].name }}</div>
							<div class="w-viewedCars-item__year">{{ carList[i].date }}</div>
							{% if carList[i].number %}
							<div class="w-viewedCars-item__license-plate">{{ carList[i].number }}</div>
							{% endif %}
						</div>
					</div>
					<i class="w-viewedCars-item__arrow fa fa-angle-double-right"></i>
				</a>
			</div>
			{% endfor %}
		</div>
		{% if carCounter > 1 %}
			<div class="w-viewedCars__more text-right{% if carCounter < 3 %} d-md-none{% endif %}{% if carCounter < 4 %} d-lg-none{% endif %}">
				<a href="#" class="w-viewedCars__show">
					<svg class="ico"><use xlink:href="/images/svg/main-sprite.svg#cars"></use></svg>
					Все просмотренные авто
					<span>(<span class="js--lc-cars-more-counter">{{ carCounter }}</span>)<i class="fa fa-angle-double-down"></i></span>
				</a>
			</div>
		{% endif %}
	</div>
</div>