{% extends '../_layouts/_main.twig' %}
{% block content %}
	<a href="https://alvadi.ee/ru/profile/orders" class="invert-link" onclick="return confirm('Есть несохранённые изменения, выйти?')">
		<i class="fa fa-angle-double-left"></i>
		Выйти
	</a>
	<div class="mb-12"></div>
	<h3>Создание заявок на возврат</h3>

	<div class="page-request-refund">
		<div class="prr-data">
			<table>
				<tr>
					<td>Клиент:</td>
					<td>MAIT</td>
				</tr>
				<tr>
					<td>Заказ:</td>
					<td>3096901</td>
				</tr>
				<tr>
					<td>Получен Клиентом:</td>
					<td>04.06.2020 13:07 (2 дн. назад)</td>
				</tr>
			</table>
		</div>
		<div class="prr-stages">
			<div class="prr-stages__tabs">
				<ul>
					<li>
						<a href="chooseProductsToReturn.html" class="tabs-item done">
							<i class="icon"><svg><use xlink:href="/images/svg/main-sprite.svg#success"></use></svg></i>
							<strong class="text">Выбор товаров</strong>
						</a>
					</li>
					<li>
						<a href="fillformsforeachproduct.html" class="tabs-item active">
							<i class="icon"><svg><use xlink:href="/images/svg/main-sprite.svg#i-pencil"></use></svg></i>
							<strong class="text">Выбор причины</strong>
						</a>
					</li>
					<li>
						<a href="fillContactData.html" class="tabs-item">
							<i class="icon"><i class="fa fa-times"></i></i>
							<strong class="text">Контактные данные</strong>
						</a>
					</li>
					<li>
						<a href="controlAndSendReturnRequest.html" class="tabs-item">
							<i class="icon"><i class="fa fa-times"></i></i>
							<strong class="text">Проверка и отправка</strong>
						</a>
					</li>
				</ul>
			</div>
			<div class="prr-stages__body">
				<h4 class="fs-24">Выбор причины</h4>
				Укажите причину возврата и заполните форму
			</div>
		</div>
		{#<form action="">#}
		{% set products = [
			{
				"id" : 1,
				"alCode" : "AL30971643",
				"label" : "Стеклоподъемник электрический без электромотора",
				"image" : "https://pics1.alpics.info/pics/product_groups_default_pics/ww/ru/medium/1303.jpg",
				"saved" : 1,
				"request" : {
					"reason" : 5,
					"carNumber" : "444 MHK",
					"carVin" : "1234567890123",
					"carDate" : "2002-10-23",
					"carEngine" : "brt700",
					"carEngineVolume" : "3000",
					"carEnginePower" : "145",
					"installer" : "Криворукий С.А.",
					"installDate" : "Пятница вечер",
					"installMileage" : "100000",
					"defectMileage" : "100000",
					"message" : "Месадж"
				}
			},{
				"id" : 2,
				"alCode" : "AL14279188",
				"label" : "Шланг, воздухоотвод крышки головки цилиндра",
				"image" : "https://tecdoc-new.alpics.info/pics/301/102950.JPG",
				"saved" : 0
			},{
				"id" : 3,
				"alCode" : "AL17274380",
				"label" : "Комплектующие, стояночная тормозная система",
				"image" : "https://tecdoc-new.alpics.info/pics/3/669701.JPG",
				"saved" : 0
			}
		] %}
		<div class="prr-collapse-list">
			{% for product in products %}
				<div class="prr-collapse{% if product.saved %} saved{% endif %}">
					<div class="prr-collapse__head">
						<i class="toggle-mark"></i>
						<div class="body"><strong>{{ product.label }}</strong> (код: {{ product.alCode }})</div>
						<div class="side">
							<strong class="a color-success">Сохранено</strong>
							<strong class="b color-danger">Данные не сохранены</strong>
						</div>
					</div>
					<div class="prr-collapse__body">
						<div class="prr-collapse__product"><img src="{{ product.image }}" alt="" /></div>
						{% include "_parts/productForm.twig" with {
							"formID" : product.alCode,
							"loop" : loop.index,
							"request" : product.request | default(0)
						} %}
					</div>
				</div>
			{% endfor %}
		</div>
		<div class="mb-24"></div>
		{#<button class="btn btn-lg btn-default"><i class="fa fa-angle-double-left"></i><span class="hidden-xs"> Вернуться</span></button>
		&nbsp;#}
		<a href="fillContactData.html" class="btn btn-lg btn-primary">Продолжить <i class="ml-4 fa fa-angle-double-right"></i></a>
		{#</form>#}

	</div>

	<div class="content-separator clearfix"></div>
{% endblock %}
{% block modals %}
	<div class="global-notifications">
		<div class="alert alert-danger"><span class="closer size_12 js-parent-remover"></span>Поля обязательны к заполнению</div>
	</div>
{% endblock %}