{% 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>MAIT</td>
						</tr>
						<tr>
							<td>Заказ:</td>
							<td><a href="#">3096901</a></td>
						</tr>
						<tr>
							<td>Получен клиентом:</td>
							<td>04.06.2020 13:07 (2 дн. назад)</td>
						</tr>
						<tr>
							<td>Трекинг</td>
							<td><a href="#">3222100024093621</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="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 active">
									<i class="icon"><svg><use xlink:href="/images/svg/main-sprite.svg#user-2"></use></svg></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>
						Укажите контактные и банковские данные или <a href="#">вернитесь назад на предыдущий шаг</a>
					</div>
				</div>
				<div class="prr-contacts">
					<dl class="prr-contacts-form">
						<dt><strong class="color-red mr-4">*</strong>Контактные данные:</dt>
						<dd>
							<div class="form-group">
								<div class="d-flex">
									<div class="form-label">Имя:</div>
									<div class="form-field">
										<input class="form-control" type="text" value="" />
									</div>
								</div>
							</div>
						</dd>
						<dd>
							<div class="form-group">
								<div class="d-flex">
									<div class="form-label">Фамилия:</div>
									<div class="form-field">
										<input class="form-control" type="text" value="" />
									</div>
								</div>
							</div>
						</dd>
						<dd>
							<div class="form-group">
								<div class="d-flex">
									<div class="form-label">E-mail:</div>
									<div class="form-field">
										<input class="form-control" type="text" value="" />
									</div>
								</div>
							</div>
						</dd>
						<dd>
							<div class="form-group">
								<div class="d-flex">
									<div class="form-label">Телефон:</div>
									<div class="form-field">
										<input class="form-control" type="text" value="" />
									</div>
								</div>
							</div>
						</dd>
					</dl>
					<dl class="prr-contacts-form">
						<dt><strong class="color-red mr-4">*</strong>Банковские данные:</dt>
						<dd>
							<div class="form-group">
								<div class="d-flex">
									<div class="form-label">IBAN:</div>
									<div class="form-field">
										<input class="form-control" type="text" value="" />
									</div>
								</div>
							</div>
						</dd>
						<dd>
							<div class="form-group">
								<div class="d-flex">
									<div class="form-label">BIC/SWIFT:</div>
									<div class="form-field">
										<input class="form-control" type="text" value="" />
									</div>
								</div>
							</div>
						</dd>
					</dl>
					<dl class="prr-contacts-form">
						<dt><strong class="color-red mr-4">*</strong>Выберите транспортную службу, которой отправите нам товары</dt>
						<dd>
							<div class="form-check">
								<label><input type="radio" name="rad1" value="" />SmartPost</label>
							</div>
						</dd>
						<dd>
							<div class="form-check">
								<label><input type="radio" name="rad1" value="" />DPD</label>
							</div>
						</dd>
						<dd>
							<div class="form-check">
								<label><input type="radio" name="rad1" value="" />Cargobus</label>
							</div>
						</dd>
						<dd>
							<div class="form-check">
								<label><input type="radio" name="rad1" value="" />OSC</label>
							</div>
						</dd>
						<dd>
							<div class="form-check">
								<label><input type="radio" name="rad1" value="" />Omniva</label>
							</div>
						</dd>
						<dd>
							<div class="form-check">
								<label><input type="radio" name="rad1" value="" />VW Group</label>
							</div>
						</dd>
						<dd>
							<div class="form-check">
								<label><input type="radio" name="rad1" value="" />DHL</label>
							</div>
						</dd>
						<dd>
							<div class="form-check">
								<label><input type="radio" name="rad1" value="" />Принесу сам</label>
							</div>
						</dd>
						<dd>
							<div class="form-check">
								<label><input type="radio" name="rad1" value="" checked />Другое</label>
							</div>
							<div class="form-group hidden">
								<div class="form-label">Название транспортной службы</div>
								<div class="form-field"><input class="form-control" type="text" value="" /></div>
							</div>
						</dd>
					</dl>
					<div class="mb-24"></div>
					<button class="btn btn-lg btn-default"><i class="fa fa-angle-double-left"></i><span class="hidden-xs"> Вернуться</span></button>
					&nbsp;
					<button class="btn btn-lg btn-primary">Сохранить и продолжить <i class="ml-4 fa fa-angle-double-right"></i></button>
				</div>
			</div>

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