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

			<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>
{% endblock %}