{% extends '../_layouts/_main.twig' %}
{% block content %}
	<div class="section-profile">
		<div class="section-profile-row">
			<div class="section-profile-side">

				<div class="res-list-group">
					<div class="res-list-group__head">
						<div class="m-b-05 fw-bold fs-14">Выберите раздел</div>
						<button class="btn btn-block btn-primary">
                            <span class="js-val">
                                <span class="icobox size_24">
	                                <svg class="ico"><use xlink:href="/images/svg/main-sprite.svg#request-refund"></use></svg>
									<span class="pl-4">Заявки на возврат (2)</span>
                                </span>
                            </span>
							<i class="fa fa-caret-down"></i>
						</button>
					</div>
					<div class="res-list-group__body">
						<ul>
							<li>
								<a href="#" class="res-list-group__item">
									<span class="icobox size_16">
										<svg class="ico"><use xlink:href="/images/svg/main-sprite.svg#order-2"></use></svg>
										<span class="pl-4">Мои заказы (24)</span>
									</span>
								</a>
							</li>
							<li class="current">
								<a href="#" class="res-list-group__item">
									<span class="icobox size_16">
										<svg class="ico"><use xlink:href="/images/svg/main-sprite.svg#request-refund"></use></svg>
										<span class="pl-4">Заявки на возврат (2)</span>
									</span>
								</a>
							</li>
							<li>
								<a href="#" class="res-list-group__item">
									<span class="icobox size_16">
										<svg class="ico"><use xlink:href="/images/svg/main-sprite.svg#mapmarker-track"></use></svg>
										<span class="pl-4">Отследить заказ (2)</span>
									</span>
								</a>
							</li>
							<li>
								<a href="#" class="res-list-group__item">
									<span class="icobox size_16">
										<svg class="ico"><use xlink:href="/images/svg/main-sprite.svg#user-2"></use></svg>
										<span class="pl-4">Мои данные</span>
									</span>
								</a>
							</li>
						</ul>
					</div>
				</div>

			</div>
			<div class="section-profile-content">

				<h3>Создание заявок на возврат</h3>

				<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 class="clearfix"></div>
		</div>
	</div>

	<div class="content-separator clearfix"></div>
{% endblock %}