{% 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">

				<div class="mb-20">
					<a href="#" class="invert-link"><i class="fa fa-angle-double-left"></i> Назад к списку заявок</a>
				</div>

				<h3>Заявка на возврат №000001</h3>

				<div class="page-request-refund">
					<div class="prr-data">
						<table>
							<tr>
								<td>Дата создания заявки:</td>
								<td><strong>03.04.2020 (3 дней назад)</strong></td>
							</tr>
							<tr>
								<td>Тип заявки:</td>
								<td><strong>—</strong></td>
							</tr>
							<tr>
								<td>Суть заявки:</td>
								<td><strong>—</strong></td>
							</tr>
							<tr>
								<td>Статус:</td>
								<td><i class="fa fa-circle color-red"></i> <strong>Отклонена</strong></td>
							</tr>
						</table>
					</div>
					<div class="prr-result">
						<h4>Принятое решение</h4>
						<table>
							<tr>
								<td>Решение:</td>
								<td>Заявка отклонена</td>
							</tr>
							<tr>
								<td>Дата принятия решения:</td>
								<td>27.01.2020  15:43</td>
							</tr>
							<tr>
								<td>Причина:</td>
								<td>Данных не хватает или данные не верные (менять заявку можно)</td>
							</tr>
							<tr>
								<td>Объяснение:</td>
								<td>Недостаточно даных для обработки заявки по этой запчасти. Заполните тип заявки и суть заявки. Прикрепите документы. Недостаточно даных для обработки заявки по этой запчасти. Заполните тип заявки и суть заявки. Прикрепите документы.</td>
							</tr>
							<tr>
								<td>Вложения:</td>
								<td><a href="#">ALVADI Müügitingimused.pdf</a></td>
							</tr>
						</table>
					</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-price">Цена за ед.</div>
								<div class="prr-products__col col-discount">Скидка</div>
								<div class="prr-products__col col-total">Сумма, eur</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="#link-to-product" 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="" />
											</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-price">
									<strong>68.00</strong>
								</div>
								<div class="prr-products__col col-discount">
									<s>68.00</s><i>-25%</i>
								</div>
								<div class="prr-products__col col-total">
									<strong>51.00</strong>
								</div>
							</div>
						</div>
					</div>

					{# Точно тут должна быть таблица с данными? #}
					<div class="prr-data-table">
						<div class="prr-data-table__head">
							<div class="title">Данные автомобиля</div>
							<div class="links">
								<a href="#" class="change">Изменить</a>
								<a href="#" class="save disabled">Сохранить</a>
							</div>
						</div>
						<div class="prr-data-table__body">
							<div class="form-group inline">
								<div class="form-label">Рег.номер автомобиля:</div>
								<div class="form-field">
									<input class="form-control" type="text" value="FPK-927" disabled />
								</div>
							</div>
							<div class="form-group inline">
								<div class="form-label">VIN код:</div>
								<div class="form-field">
									<input class="form-control" type="text" value="WDB2110071B383636" disabled />
								</div>
							</div>
							<div class="form-group inline">
								<div class="form-label">Марка:</div>
								<div class="form-field">
									<select class="form-control" disabled>
										<option>BMW</option>
										<option>Ford</option>
										<option selected>Mercedes-Benz</option>
									</select>
								</div>
							</div>
							<div class="form-group inline">
								<div class="form-label">Модель:</div>
								<div class="form-field">
									<select class="form-control" disabled>
										<option>C-Class</option>
										<option selected>E-Class</option>
									</select>
								</div>
							</div>
							<div class="form-group inline">
								<div class="form-label">Дата выпуска:</div>
								<div class="form-field">
									<input class="form-control" type="text" value="2009" disabled />
								</div>
							</div>
							<div class="form-group inline">
								<div class="form-label">Тип двигателя:</div>
								<div class="form-field">
									<input class="form-control" type="text" value="Diesel" disabled />
								</div>
							</div>
							<div class="form-group inline">
								<div class="form-label">Объем двигателя(cm3):</div>
								<div class="form-field">
									<input class="form-control" type="text" value="2148" disabled />
								</div>
							</div>
							<div class="form-group inline">
								<div class="form-label">Мощность (kW):</div>
								<div class="form-field">
									<input class="form-control" type="text" value="100" disabled />
								</div>
							</div>
						</div>
					</div>

					<div class="prr-data-table">
						<div class="prr-data-table__head">
							<div class="title">Установка товара на автомобиль</div>
							<div class="links">
								<a href="#" class="change">Изменить</a>
								<a href="#" class="save disabled">Сохранить</a>
							</div>
						</div>
						<div class="prr-data-table__body">
							<div class="form-group inline">
								<div class="form-label">Установщик товара:</div>
								<div class="form-field">
									<input class="form-control" type="text" value="Autokorikorjaamo&Maalaamo Hemi Oy" disabled />
								</div>
							</div>
							<div class="form-group inline">
								<div class="form-label">Дата установки:</div>
								<div class="form-field">
									<input class="form-control" type="text" value="24.03.2019" disabled />
								</div>
							</div>
							<div class="form-group inline">
								<div class="form-label">Пробег в момент установки:</div>
								<div class="form-field">
									<input class="form-control" type="text" value="209673" disabled />
								</div>
							</div>
							<div class="form-group inline">
								<div class="form-label">Пробег в момент выявления изъяна:</div>
								<div class="form-field">
									<input class="form-control" type="text" value="215981" disabled />
								</div>
							</div>
						</div>
					</div>

					<div class="prr-data-table">
						<div class="prr-data-table__head">
							<div class="title">Комментарий и вложения</div>
							<div class="links">
								<a href="#" class="change">Изменить</a>
								<a href="#" class="save disabled">Сохранить</a>
							</div>
						</div>
						<div class="prr-data-table__body">
							<div class="form-group">
								<div class="form-label">Комментарий:</div>
								<div class="form-field">
									<textarea class="form-control" cols="" rows="4" disabled>Etutukivarsi vasen puoli ostettu 17.10.2018 Vaihdettu 22.10.2018. Nyt katsastuksessa 25.7.2019 todettu kyseinen tukivarsi, pallonivel on väljä, vaihdettava. Autolla on ajettu vain hyvillä asfalttiteillä.</textarea>
								</div>
							</div>
							<div class="form-group">
								<div class="form-label">Документы или фотографии:</div>
								<div class="form-field">
									<div class="fileUploader style-a disabled">
										<input type="file" value="1" />
										<div class="fileUploader__btn">
											<a href="#">Выберите файл</a>
										</div>
										<div class="fileUploader__field">
											<input type="text" value="" placeholder="или перетащите его сюда" />
										</div>
									</div>
									<ul class="fileUploader-list">
										<li><a href="#">alvadi.ee_return_invoice_9705_2020_03_30_12_37_12.pdf</a> <a href="#" class="remove disabled"><i class="fa fa-trash"></i></a></li>
										<li><a href="#">alvadi reklamaatio Volvo.doc</a> <a href="#" class="remove disabled"><i class="fa fa-trash"></i></a></li>
									</ul>
								</div>
							</div>
						</div>
					</div>

					<div class="prr-data-table">
						<div class="prr-data-table__head">
							<div class="title">Требование</div>
							<div class="links">
								<a href="#" class="change">Изменить</a>
								<a href="#" class="save disabled">Сохранить</a>
							</div>
						</div>
						<div class="prr-data-table__body">
							<div class="form-group">
								<div class="form-check">
									<label>
										<input type="radio" name="rad1" value="" disabled />
										Вернуть деньги
									</label>
								</div>
							</div>
							<div class="form-group">
								<div class="form-check">
									<label>
										<input type="radio" name="rad1" value="" disabled />
										Заменить товар новым
									</label>
								</div>
							</div>
							<div class="form-group">
								<div class="form-check">
									<label>
										<input type="radio" name="rad1" value="" disabled />
										Оставить деньги для следующей покупки
									</label>
								</div>
							</div>
						</div>
					</div>

					<div class="prr-data-table">
						<div class="prr-data-table__head">
							<div class="title">Контактные и банковские данные</div>
							<div class="links">
								<a href="#" class="change">Изменить</a>
								<a href="#" class="save disabled">Сохранить</a>
							</div>
						</div>
						<div class="prr-data-table__body">
							<div class="form-group inline">
								<div class="form-label">Ваше имя:</div>
								<div class="form-field">
									<input class="form-control" type="text" value="Leo" disabled />
								</div>
							</div>
							<div class="form-group inline">
								<div class="form-label">Ваша фамилия:</div>
								<div class="form-field">
									<input class="form-control" type="text" value="Tanskanen" disabled />
								</div>
							</div>
							<div class="form-group inline">
								<div class="form-label">Ваш E-mail:</div>
								<div class="form-field">
									<input class="form-control" type="text" value="l.tanskanen@luukku.com" disabled />
								</div>
							</div>
							<div class="form-group inline">
								<div class="form-label">SWIFT:</div>
								<div class="form-field">
									<input class="form-control" type="text" value="FI06 5011 0920 0450 65" disabled />
								</div>
							</div>
							<div class="form-group inline">
								<div class="form-label">IBAN:</div>
								<div class="form-field">
									<input class="form-control" type="text" value="0920 0450 65" disabled />
								</div>
							</div>
						</div>
					</div>

					<div class="prr-data-table">
						<div class="prr-data-table__head">
							<div class="title">Требование</div>
							<div class="links">
								<a href="#" class="change">Изменить</a>
								<a href="#" class="save disabled">Сохранить</a>
							</div>
						</div>
						<div class="prr-data-table__body">
							<div class="form-group">
								<div class="form-check">
									<label><input type="radio" name="rad2" value="" disabled />SmartPost</label>
								</div>
							</div>
							<div class="form-group">
								<div class="form-check">
									<label><input type="radio" name="rad2" value="" disabled />DPD</label>
								</div>
							</div>
							<div class="form-group">
								<div class="form-check">
									<label><input type="radio" name="rad2" value="" disabled />Cargobus</label>
								</div>
							</div>
							<div class="form-group">
								<div class="form-check">
									<label><input type="radio" name="rad2" value="" disabled />OSC</label>
								</div>
							</div>
							<div class="form-group">
								<div class="form-check">
									<label><input type="radio" name="rad2" value="" disabled />Omniva</label>
								</div>
							</div>
							<div class="form-group">
								<div class="form-check">
									<label><input type="radio" name="rad2" value="" disabled />VW Group</label>
								</div>
							</div>
							<div class="form-group">
								<div class="form-check">
									<label><input type="radio" name="rad2" value="" disabled />DHL</label>
								</div>
							</div>
							<div class="form-group">
								<div class="form-check">
									<label><input type="radio" name="rad2" value="" disabled />Принесу сам</label>
								</div>
							</div>
							<div class="form-group">
								<div class="form-check">
									<label><input type="radio" name="rad2" value="" checked disabled />Другое</label>
								</div>
								<div class="form-group hidden">
									<div class="form-field"><input class="form-control" type="text" value="" disabled /></div>
								</div>
							</div>

							<div class="mb-24"></div>
							<div class="prr-miniInfo">
								<span class="box info">
									<svg class="icon"><use xlink:href="/images/svg/main-sprite.svg#info"></use></svg>
									Есть вопросы по заявке?<br />
									Пишите: <a href="mailto:return@alvadi.ee">return@alvadi.ee</a>
								</span>
							</div>
						</div>
					</div>

				</div>

			</div>
			<div class="clearfix"></div>
		</div>
	</div>

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