{% extends '../_layouts/_main.twig' %}
{% block content %}
	<a href="https://alvadi.ee/ru/profile/orders" 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>3096901</td>
				</tr>
				<tr>
					<td>Получен Клиентом:</td>
					<td>04.06.2020 13:07 (2 дн. назад)</td>
				</tr>
			</table>
		</div>
		<div class="prr-stages">
			<div class="prr-stages__tabs">
				<ul>
					<li>
						<a href="03.createRequest.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.fillRequest.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.fillContacts.html" class="tabs-item active">
							<i class="icon"><svg><use xlink:href="/images/svg/main-sprite.svg#i-pencil"></use></svg></i>
							<strong class="text">Контактные данные</strong>
						</a>
					</li>
					<li>
						<a href="06.confirm.html" class="tabs-item">
							<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="MAIT" />
							</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="MAIT" />
							</div>
						</div>
					</div>
				</dd>
				<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="EE1203048293219832197391" />
							</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-group">
						<div class="d-flex">
							<div class="form-label">E-mail:</div>
							<div class="form-field">
								<input class="form-control" type="text" value="herjadamvamsvoiemail@google.ee" />
							</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="+37258502265" />
							</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;#}
			<a href="06.confirm.html" class="btn btn-lg btn-primary">Сохранить и продолжить <i class="ml-4 fa fa-angle-double-right"></i></a>
			<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>
			</ul>
		</div>
	</div>

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