{% extends '../_layouts/_main.twig' %}
{% block content %}
	<div class="panel panel-tabs">
		<ul class="nav nav-tabs nav-tabs_b">
			<li class="active">
				<span>Заявка на возврат</span>
			</li>
		</ul>
		<div class="panel-body">

			<div class="page-request-refund">
				<div class="prr-data">
					<table>
						<tr>
							<td>Заказ</td>
							<td><a href="#"><strong>3096901</strong></a></td>
						</tr>
						<tr>
							<td>Получен клиентом</td>
							<td><strong>04.06.2020 13:07 (2 дн. назад)</strong></td>
						</tr>
						<tr>
							<td>Трекинг</td>
							<td><a href="#"><strong>3222100024093621</strong></a></td>
						</tr>
					</table>
				</div>
				<div class="prr-stages">
					<div class="prr-stages__tabs">
						<ul>
							<li>
								<a href="01_chooseType.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="02_14days.html" class="tabs-item active">
									<i class="icon"><svg><use xlink:href="/images/svg/main-sprite.svg#calendar"></use></svg></i>
									<strong class="text">Возврат 14 дней</strong>
								</a>
							</li>
							<li>
								<a href="03_claim.html" class="tabs-item">
									{#<i class="icon"><svg><use xlink:href="/images/svg/main-sprite.svg#info-triangle"></use></svg></i>#}
									<i class="icon"><i class="fa fa-times"></i></i>
									<strong class="text">Претензия</strong>
								</a>
							</li>
							<li>
								<a href="04_contacts.html" class="tabs-item">
									{#<i class="icon"><svg><use xlink:href="/images/svg/main-sprite.svg#user-2"></use></svg></i>#}
									<i class="icon"><i class="fa fa-times"></i></i>
									<strong class="text">Контактные данные</strong>
								</a>
							</li>
							<li>
								<a href="05_final.html" class="tabs-item">
									{#<i class="icon"><svg><use xlink:href="/images/svg/main-sprite.svg#i-send"></use></svg></i>#}
									<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>
						<ol class="prr-stages__list">
							<li>Для каждого товара заполните все поля</li>
							<li>Нажмите <strong>Сохранить и продолжить</strong></li>
						</ol>
					</div>
				</div>
				<div class="prr-collapse-list">
					<div class="prr-collapse in">
						<div class="prr-collapse__head">
							<div class="body"><strong>Стеклоподъёмник электрический без электромотора</strong> (код: AL1436042)</div>
							<div class="side a">Свернуть</div>
							<div class="side b">Развернуть</div>
						</div>
						<div class="prr-collapse__body">
							<div class="prr-collapse__product">
									<span class="aimbox-link hover" data-href="http://tecdoc-new.alpics.info/pics/30/1457437001PH01WHCO0000.JPG" data-closer="Закрыть окно">
										<img src="http://tecdoc-new.alpics.info/pics/30/1457437001PH01WHCO0000.JPG" alt="" />
									</span>
							</div>
							<dl class="prr-collapse__form">
								<dt>Комментарий</dt>
								<dd>
									<div class="form-group">
										<div class="form-field">
											<textarea class="prr-collapse-item form-control" name="products[1][comment]" cols="" rows="3" placeholder="Почему возвращаете товар?"></textarea>
										</div>
									</div>
								</dd>
							</dl>
							<dl class="prr-collapse__form">
								<dt>Требование</dt>
								<dd>
									<div class="form-check">
										<label>
											<input class="prr-collapse-item" type="radio" name="products[1][demand]" value="1" />
											Вернуть деньги
										</label>
									</div>
								</dd>
								<dd>
									<div class="form-check">
										<label>
											<input class="prr-collapse-item" type="radio" name="products[1][demand]" value="2" />
											Заменить товар новым
										</label>
									</div>
								</dd>
								<dd>
									<div class="form-check">
										<label>
											<input class="prr-collapse-item" type="radio" name="products[1][demand]" value="3" />
											Оставить деньги для следующей покупки
										</label>
									</div>
								</dd>
							</dl>
							<div class="prr-collapse__form">
								<a href="#" class="fs-12 --prr-copy-form" data-notify="Данные скопированы">Использовать указанные данные для оставшихся товаров</a>
							</div>
						</div>
					</div>
					<div class="prr-collapse">
						<div class="prr-collapse__head">
							<div class="body"><strong>Шланг, воздухоотвод крышки головки цилиндра</strong> (код: AL14279188)</div>
							<div class="side a">Свернуть</div>
							<div class="side b">Развернуть</div>
						</div>
						<div class="prr-collapse__body">
							<div class="prr-collapse__product">
									<span class="aimbox-link hover" data-href="http://tecdoc-new.alpics.info/pics/30/1457437001PH01WHCO0000.JPG" data-closer="Закрыть окно">
										<img src="http://tecdoc-new.alpics.info/pics/30/1457437001PH01WHCO0000.JPG" alt="" />
									</span>
							</div>
							<dl class="prr-collapse__form">
								<dt>Комментарий</dt>
								<dd>
									<div class="form-group">
										<div class="form-field">
											<textarea class="prr-collapse-item form-control" name="products[2][comment]" cols="" rows="3" placeholder="Почему возвращаете товар?"></textarea>
										</div>
									</div>
								</dd>
							</dl>
							<dl class="prr-collapse__form">
								<dt>Требование</dt>
								<dd>
									<div class="form-check">
										<label>
											<input class="prr-collapse-item" type="radio" name="products[2][demand]" value="1" />
											Вернуть деньги
										</label>
									</div>
								</dd>
								<dd>
									<div class="form-check">
										<label>
											<input class="prr-collapse-item" type="radio" name="products[2][demand]" value="2" />
											Заменить товар новым
										</label>
									</div>
								</dd>
								<dd>
									<div class="form-check">
										<label>
											<input class="prr-collapse-item" type="radio" name="products[2][demand]" value="3" />
											Оставить деньги для следующей покупки
										</label>
									</div>
								</dd>
							</dl>
							<div class="prr-collapse__form">
								<a href="#" class="fs-12 --prr-copy-form" data-notify="Данные скопированы">Использовать указанные данные для оставшихся товаров</a>
							</div>
						</div>
					</div>
					<div class="prr-collapse">
						<div class="prr-collapse__head">
							<div class="body"><strong>Комплект тормозных колодок, стояночная тормозная система</strong> (код: AL17274380)</div>
							<div class="side a">Свернуть</div>
							<div class="side b">Развернуть</div>
						</div>
						<div class="prr-collapse__body">
							<div class="prr-collapse__product">
									<span class="aimbox-link hover" data-href="http://tecdoc-new.alpics.info/pics/30/1457437001PH01WHCO0000.JPG" data-closer="Закрыть окно">
										<img src="http://tecdoc-new.alpics.info/pics/30/1457437001PH01WHCO0000.JPG" alt="" />
									</span>
							</div>
							<dl class="prr-collapse__form">
								<dt>Комментарий</dt>
								<dd>
									<div class="form-group">
										<div class="form-field">
											<textarea class="prr-collapse-item form-control" name="products[3][comment]" cols="" rows="3" placeholder="Почему возвращаете товар?"></textarea>
										</div>
									</div>
								</dd>
							</dl>
							<dl class="prr-collapse__form">
								<dt>Требование</dt>
								<dd>
									<div class="form-check">
										<label>
											<input class="prr-collapse-item" type="radio" name="products[3][demand]" value="1" />
											Вернуть деньги
										</label>
									</div>
								</dd>
								<dd>
									<div class="form-check">
										<label>
											<input class="prr-collapse-item" type="radio" name="products[3][demand]" value="2" />
											Заменить товар новым
										</label>
									</div>
								</dd>
								<dd>
									<div class="form-check">
										<label>
											<input class="prr-collapse-item" type="radio" name="products[3][demand]" value="3" />
											Оставить деньги для следующей покупки
										</label>
									</div>
								</dd>
							</dl>
							<div class="prr-collapse__form">
								<a href="#" class="fs-12 --prr-copy-form" data-notify="Данные скопированы">Использовать указанные данные для оставшихся товаров</a>
							</div>
						</div>
					</div>
				</div>
				{# if summaryErrors #}
				<ul class="prr-summary-error">
					<li>
							<span class="label label-light-danger">
								<span class="icobox size_16">
									<svg class="ico"><use xlink:href="/images/svg/main-sprite.svg#info-triangle"></use></svg>
									Заполните все обязательные поля
								</span>
							</span>
					</li>
				</ul>
				{# endif #}
				<div class="prr-controls">
					<button class="btn btn-default"><i class="fa fa-angle-double-left"></i><span class="hidden-xs"> Вернуться</span></button>
					<button class="btn btn-primary">Сохранить и продолжить <i class="fa fa-angle-double-right"></i></button>
				</div>
			</div>

		</div>
	</div>
{% endblock %}