{% extends '../../_layouts/_main.twig' %}
{% block content %}
	<a href="https://alvadi.ee/ru/profile/my-data" class="invert-link" onclick="return confirm('Есть несохранённые изменения, выйти?')">
		<i class="fa fa-angle-double-left"></i>
		Выйти
	</a>
	<div class="mb-12"></div>
	<h3>Создание заявок на возврат</h3>

	<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 class="hide">
						<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 class="content-separator clearfix"></div>
{% endblock %}
{% block modals %}
	<div class="global-notifications">
		<div class="alert alert-danger"><span class="closer size_12 js-parent-remover"></span>Поля обязательны к заполнению</div>
	</div>
{% endblock %}