{% 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 done">
									<i class="icon"><svg><use xlink:href="/images/svg/main-sprite.svg#success"></use></svg></i>
									<strong class="text">Возврат 14 дней</strong>
								</a>
							</li>
							<li>
								<a href="03_claim.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="04_contacts.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="05_final.html" class="tabs-item active">
									<i class="icon"><svg><use xlink:href="/images/svg/main-sprite.svg#i-send"></use></svg></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>Если Вы нашли ошибку, то нажмите кнопку
								<span class="icobox size_16">
										<svg class="ico color-blue"><use xlink:href="/images/svg/main-sprite.svg#i-pencil"></use></svg>
										чтобы изменить данные
									</span>
							</li>
							<li>Если всё верно, то нажмите <strong>Отправить заявку</strong></li>
						</ol>
					</div>
				</div>
				<div class="prr-products">
					<div class="prr-products__head">
						<div class="prr-products__row">
							<div class="prr-products__col col-product">Товар</div>
							<div class="prr-products__col col-type">Тип заявки</div>
							<div class="prr-products__col col-description">Данные</div>
						</div>
					</div>
					<div class="prr-products__body">
						<div class="prr-products__row">
							<div class="prr-products__col col-product">
								<div class="prr-products__item">
									<div class="image">
										<a href="#"><img src="http://tecdoc-new.alpics.info/pics/30/1457437001PH01WHCO0000.JPG" alt="" /></a>
									</div>
									<div class="body">
										<div class="title">
											<a href="#">Oil Filter BOSCH 1 457 437 001 (code: AL11991813)</a>
										</div>
										<div class="description">Mercedes-Benz VITO (W639), 01.2003 - 10.2010</div>
									</div>
								</div>
							</div>
							<div class="prr-products__col col-type">
								<a href="#" class="icobox icobox_right size_12 fs-12">
									<svg class="ico color-blue"><use xlink:href="/images/svg/main-sprite.svg#i-pencil"></use></svg>
									Претензия
								</a>
							</div>
							<div class="prr-products__col col-description">
								<table>
									<tr>
										<td><strong>Комментатий:</strong></td>
										<td>Повседневная практика показывает, что синтетическое тестирование позволяет выполнить важные задания по разработке направлений прогрессивного развития.</td>
									</tr>
									<tr>
										<td><strong>Вложения:</strong></td>
										<td>
											<ul class="list-unstyled">
												<li><a href="#">document.pdf</a></li>
												<li><a href="#">image.jpeg</a></li>
												<li><a href="#">document.docx</a></li>
												<li><a href="#">image.png</a></li>
												<li><a href="#">image.jpeg</a></li>
											</ul>
										</td>
									</tr>
									<tr>
										<td><strong>Требование:</strong></td>
										<td>Вернуть деньги</td>
									</tr>
								</table>
							</div>
						</div>
						<div class="prr-products__row">
							<div class="prr-products__col col-product">
								<div class="prr-products__item">
									<div class="image">
										<a href="#"><img src="https://pics3.alpics.info/pics/spares/small/893751.jpg" alt="" /></a>
									</div>
									<div class="body">
										<div class="title">
											<a href="#">Air Filter MAPCO 60825 (code: AL893751)</a>
										</div>
										<div class="description">Mercedes-Benz VITO (W639), 01.2003 - 10.2010</div>
									</div>
								</div>
							</div>
							<div class="prr-products__col col-type">
								<a href="#" class="icobox icobox_right size_12 fs-12">
									<svg class="ico color-blue"><use xlink:href="/images/svg/main-sprite.svg#i-pencil"></use></svg>
									Возврат 14 дней
								</a>
							</div>
							<div class="prr-products__col col-description">
								<table>
									<tr>
										<td><strong>Суть претензии:</strong></td>
										<td>После установки, у товара был выявлен изъян</td>
									</tr>
									<tr>
										<td><strong>Рег.номер автомобиля:</strong></td>
										<td>933BYT</td>
									</tr>
									<tr>
										<td><strong>VIN код:</strong></td>
										<td>WP1ZZZ92ZCLA42629</td>
									</tr>
									<tr>
										<td><strong>Марка:</strong></td>
										<td>Porshe</td>
									</tr>
									<tr>
										<td><strong>Модель:</strong></td>
										<td>Cayenne S</td>
									</tr>
									<tr>
										<td><strong>Дата выпуска:</strong></td>
										<td>23.08.2011</td>
									</tr>
									<tr>
										<td><strong>Тип двигателя:</strong></td>
										<td>BENSIIN_KATALYSAATOR</td>
									</tr>
									<tr>
										<td><strong>Объем двигателя(cm3):</strong></td>
										<td>4806</td>
									</tr>
									<tr>
										<td><strong>Мощность (kW):</strong></td>
										<td>294</td>
									</tr>
									<tr>
										<td><strong>Установщик товара:</strong></td>
										<td>Autokorikorjaamo&Maalaamo Hemi Oy</td>
									</tr>
									<tr>
										<td><strong>Дата установки:</strong></td>
										<td>24.03.2021</td>
									</tr>
									<tr>
										<td><strong>Пробег в момент установки:</strong></td>
										<td>209573</td>
									</tr>
									<tr>
										<td><strong>Пробег в момент выявления изъяна:</strong></td>
										<td>215981</td>
									</tr>
									<tr>
										<td><strong>Комментатий:</strong></td>
										<td>Повседневная практика показывает, что синтетическое тестирование позволяет выполнить важные задания по разработке направлений прогрессивного развития.</td>
									</tr>
									<tr>
										<td><strong>Вложения:</strong></td>
										<td>
											<ul class="list-unstyled">
												<li><a href="#">document.pdf</a></li>
												<li><a href="#">image.jpeg</a></li>
												<li><a href="#">document.docx</a></li>
												<li><a href="#">image.png</a></li>
												<li><a href="#">image.jpeg</a></li>
											</ul>
										</td>
									</tr>
									<tr>
										<td><strong>Требование:</strong></td>
										<td>Вернуть деньги</td>
									</tr>
								</table>
							</div>
						</div>
						<div class="prr-products__row">
							<div class="prr-products__col col-product">
								<div class="prr-products__item">
									<div class="image">
										<a href="#"><img src="http://tecdoc-new.alpics.info/pics/462/K 9079C.JPG" alt="" /></a>
									</div>
									<div class="body">
										<div class="title">
											<a href="#">Filter, interior air MFILTER K 9079C (code: AL11123027)</a>
										</div>
										<div class="description">Mercedes-Benz VITO (W639), 01.2003 - 10.2010</div>
									</div>
								</div>
							</div>
							<div class="prr-products__col col-type">
								<a href="#" class="icobox icobox_right size_12 fs-12">
									<svg class="ico color-blue"><use xlink:href="/images/svg/main-sprite.svg#i-pencil"></use></svg>
									Претензия
								</a>
							</div>
							<div class="prr-products__col col-description">
								<table>
									<tr>
										<td><strong>Комментатий:</strong></td>
										<td></td>
									</tr>
									<tr>
										<td><strong>Вложения:</strong></td>
										<td></td>
									</tr>
									<tr>
										<td><strong>Требование:</strong></td>
										<td>Вернуть деньги</td>
									</tr>
								</table>
							</div>
						</div>
						<div class="prr-products__row">
							<div class="prr-products__col col-product">
								<div class="prr-products__item">
									<div class="image">
										<a href="#"><img src="http://tecdoc-new.alpics.info/pics/30/1457434437PH01WHCO0000.JPG" alt="" /></a>
									</div>
									<div class="body">
										<div class="title">
											<a href="#">Fuel filter BOSCH 1 457 434 437 (code: AL11982488)</a>
										</div>
										<div class="description">Mercedes-Benz VITO (W639), 01.2003 - 10.2010</div>
									</div>
								</div>
							</div>
							<div class="prr-products__col col-type">
								<a href="#" class="icobox icobox_right size_12 fs-12">
									<svg class="ico color-blue"><use xlink:href="/images/svg/main-sprite.svg#i-pencil"></use></svg>
									Претензия
								</a>
							</div>
							<div class="prr-products__col col-description">
								<table>
									<tr>
										<td><strong>Суть претензии:</strong></td>
										<td>Я получил не тот товар / товар не подошел</td>
									</tr>
									<tr>
										<td><strong>Рег.номер автомобиля:</strong></td>
										<td>933BYT</td>
									</tr>
									<tr>
										<td><strong>VIN код:</strong></td>
										<td>WP1ZZZ92ZCLA42629</td>
									</tr>
									<tr>
										<td><strong>Комментатий:</strong></td>
										<td>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam.</td>
									</tr>
									<tr>
										<td><strong>Вложения:</strong></td>
										<td>
											<ul class="list-unstyled">
												<li><a href="#">document.pdf</a></li>
												<li><a href="#">image.jpeg</a></li>
											</ul>
										</td>
									</tr>
									<tr>
										<td><strong>Требование:</strong></td>
										<td>Вернуть деньги</td>
									</tr>
								</table>
							</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>
					<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>
									Отсутствует право на возврат 14 дней
								</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 %}