{% 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">
						<button class="btn btn-block btn-default">
							<span class="js-val">
								<span class="icobox size_24">
									<svg class="ico"><use xlink:href="/images/svg/main-sprite.svg#i-nothing"></use></svg>
									<span class="pl-4">Заявки на возврат</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">Мои заказы (1536)</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>
								<ul class="submenu">
									<li>
										<a href="#" class="res-list-group__item">
											<span class="icobox size_16">
												<span class="pl-4">Персональные данные</span>
											</span>
										</a>
									</li>
									<li>
										<a href="#" class="res-list-group__item">
											<span class="icobox size_16">
												<span class="pl-4">Данные фирмы</span>
											</span>
										</a>
									</li>
									<li>
										<a href="#" class="res-list-group__item">
											<span class="icobox size_16">
												<span class="pl-4">Контактные данные</span>
											</span>
										</a>
									</li>
									<li>
										<a href="#" class="res-list-group__item">
											<span class="icobox size_16">
												<span class="pl-4">Адреса доставки</span>
											</span>
										</a>
									</li>
									<li>
										<a href="#" class="res-list-group__item">
											<span class="icobox size_16">
												<span class="pl-4">Банковские данные</span>
											</span>
										</a>
									</li>
									<li>
										<a href="#" class="res-list-group__item">
											<span class="icobox size_16">
												<span class="pl-4">Прочие данные</span>
											</span>
										</a>
									</li>
								</ul>
							</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 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#i-nothing"></use></svg>
										<span class="pl-4">Заявки на возврат</span>
									</span>
								</a>
							</li>
						</ul>
					</div>
				</div><!--res-list-group-->

			</div><!--side-->
			<div class="section-profile-content">

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

				<div class="mb-24">
					Здесь Вы можете увидеть все оформленные заявки на возврат.
					<br />Всего необработанных заявок: 4
				</div>

				<div class="scroller-x">
					<table class="table table-sm table-orders">
						<thead>
						<tr>
							<th class="text-right">Заказ</th>
							<th class="text-right">Заявка</th>
							<th class="text-right text-nowrap">Дата заявки</th>
							<th class="text-nowrap">Суть заявки</th>
							<th>Товар</th>
							<th class="text-right">Цена</th>
							<th>Статус</th>
							<th>&nbsp;</th>
						</tr>
						</thead>
						<tbody>
						<tr>
							<td class="text-right" data-sort="3104923">
								3104923
							</td>
							<td class="text-right" data-sort="0000008">
								0000001
							</td>
							<td class="text-right" data-sort="14.04.2020">
								14.04.2020
							</td>
							<td data-sort="После установки выявлен изъян">
								<div class="table-orders__link">
									<a href="#" title="После установки выявлен изъян">После установки выявлен изъян</a>
								</div>
							</td>
							<td data-sort="Фильтр, воздух во внутренном пр...">
								<div class="ellipsis max-w-125" title="Фильтр, воздух во внутреннем правом кармане">Фильтр, воздух во внутреннем правом кармане</div>
							</td>
							<td class="text-right" data-sort="62.70">
								62.70
							</td>
							<td data-sort="Необработана">
								<div class="text-nowrap"><i class="fa fa-circle mr-6 color-violet"></i>На экспертизе</div>
								{#<div class="text-nowrap"><i class="fa fa-circle mr-6 color-red"></i>Отклонена</div>
								<div class="text-nowrap"><i class="fa fa-circle mr-6 color-green-light"></i>Одобрена</div>
								<div class="text-nowrap"><i class="fa fa-circle mr-6 color-violet-dark"></i>На экспертизе</div>#}
							</td>
							<td>
								<div class="text-nowrap">
									<a href="#" class="invert-link">Смотреть</a>
									{#<a href="#" class="invert-link" onclick="return confirm('Внимание! Вы уверены что хотите удалить заявку? Восстановить заявку будет невозможно')">Удалить</a>#}
								</div>
							</td>
						</tr>
						<tr>
							<td class="text-right" data-sort="3104111">
								3104924
							</td>
							<td class="text-right" data-sort="0000007 0000006 0000003">
								0000002
								<br />0000003
								<br />0000004
							</td>
							<td class="text-right" data-sort="14.04.2020">
								13.04.2020
								<br />13.04.2020
								<br />09.04.2020
							</td>
							<td data-sort="Не тот товар / не подошел Возврат 14 дней Сломанный товар">
								<div class="table-orders__link"><a href="#" title="Не тот товар / не подошел">Не тот товар / не подошел</a></div>
								<div class="table-orders__link"><a href="#" title="Возврат 14 дней">Возврат 14 дней</a></div>
								<div class="table-orders__link"><a href="#" title="Сломанный товар">Сломанный товар</a></div>
							</td>
							<td data-sort="Фильтр, воздух во внутренном пр...">
								<div class="ellipsis max-w-125" title="Крышка, заливная горловина">Крышка, заливная горловина</div>
								<div class="ellipsis max-w-125" title="Шланг, воздухоотвод крышки коллектора">Шланг, воздухоотвод крышки кол…</div>
								<div class="ellipsis max-w-125" title="Пылезащитный комплект, амортизатора">Пылезащитный комплект, аморт…</div>
							</td>
							<td class="text-right" data-sort="62.70">
								162.70
								<br />2.70
								<br />62.70
							</td>
							<td data-sort="Необработана">
								<div class="text-nowrap"><i class="fa fa-circle mr-6 color-red"></i>Отклонена</div>
								<div class="text-nowrap"><i class="fa fa-circle mr-6 color-green-light"></i>Одобрена</div>
								<div class="text-nowrap"><i class="fa fa-circle mr-6 color-yellow"></i>Необработана</div>
							</td>
							<td>
								<div class="text-nowrap">
									<a href="#" class="invert-link">Смотреть</a>
									{#<a href="#" class="invert-link" onclick="return confirm('Внимание! Вы уверены что хотите удалить заявку? Восстановить заявку будет невозможно')">Удалить</a>#}
								</div>
								<div class="text-nowrap">
									<a href="#" class="invert-link">Смотреть</a>
									{#<a href="#" class="invert-link" onclick="return confirm('Внимание! Вы уверены что хотите удалить заявку? Восстановить заявку будет невозможно')">Удалить</a>#}
								</div>
								<div class="text-nowrap">
									<a href="#" class="invert-link">Смотреть</a>
									<a href="#" class="invert-link" onclick="return confirm('Внимание! Вы уверены что хотите удалить заявку? Восстановить заявку будет невозможно')">Удалить</a>
								</div>
							</td>
						</tr>
						<tr>
							<td class="text-right" data-sort="3104222">
								3104925
							</td>
							<td class="text-right" data-sort="0000005">
								0000005
							</td>
							<td class="text-right" data-sort="14.04.2020">
								12.04.2020
							</td>
							<td data-sort="Не тот товар / не подошел">
								<div class="table-orders__link"><a href="#" title="Не тот товар / не подошел">Не тот товар / не подошел</a></div>
							</td>
							<td data-sort="Комплект тормозных колодок, д…">
								<div class="ellipsis max-w-125" title="Комплект тормозных колодок, для детского велосипеда">Комплект тормозных колодок, для детского велосипеда</div>
							</td>
							<td class="text-right" data-sort="62.70">
								62.70
							</td>
							<td data-sort="Необработана">
								<div class="text-nowrap"><i class="fa fa-circle mr-6 color-yellow"></i>Необработана</div>
							</td>
							<td>
								<div class="text-nowrap">
									<a href="#" class="invert-link">Смотреть</a>
									<a href="#" class="invert-link" onclick="return confirm('Внимание! Вы уверены что хотите удалить заявку? Восстановить заявку будет невозможно')">Удалить</a>
								</div>
							</td>
						</tr>
						<tr>
							<td class="text-right" data-sort="3104923">
								3104926
							</td>
							<td class="text-right" data-sort="0000008">
								0000006
							</td>
							<td class="text-right" data-sort="14.04.2020">
								14.04.2020
							</td>
							<td data-sort="После установки выявлен изъян">
								<div class="table-orders__link"><a href="#" title="После установки выявлен изъян">После установки выявлен изъян</a></div>
							</td>
							<td data-sort="Фильтр, воздух во внутренном пр...">
								<div class="ellipsis max-w-125" title="Фильтр, воздух во внутренном проверенном месте">Фильтр, воздух во внутренном проверенном месте</div>
							</td>
							<td class="text-right" data-sort="62.70">
								62.70
							</td>
							<td data-sort="Необработана">
								<div class="text-nowrap"><i class="fa fa-circle mr-6 color-violet"></i>На экспертизе</div>
							</td>
							<td>
								<div class="text-nowrap">
									<a href="#" class="invert-link">Смотреть</a>
									{#<a href="#" class="invert-link" onclick="return confirm('Внимание! Вы уверены что хотите удалить заявку? Восстановить заявку будет невозможно')">Удалить</a>#}
								</div>
							</td>
						</tr>
						<tr>
							<td class="text-right" data-sort="3104111">
								3104927
							</td>
							<td class="text-right" data-sort="0000007 0000006 0000003">
								0000008
								<br />0000009
								<br />0000010
							</td>
							<td class="text-right" data-sort="14.04.2020">
								13.04.2020
								<br />13.04.2020
								<br />09.04.2020
							</td>
							<td data-sort="Не тот товар / не подошел Возврат 14 дней Сломанный товар">
								<div class="table-orders__link"><a href="#" title="Не тот товар / не подошел">Не тот товар / не подошел</a></div>
								<div class="table-orders__link"><a href="#" title="Возврат 14 дней">Возврат 14 дней</a></div>
								<div class="table-orders__link"><a href="#" title="Сломанный товар">Сломанный товар</a></div>
							</td>
							<td data-sort="Фильтр, воздух во внутренном пр...">
								<div class="ellipsis max-w-125" title="Крышка, заливная горловина">Крышка, заливная горловина</div>
								<div class="ellipsis max-w-125" title="Шланг, воздухоотвод крышки коллектора">Шланг, воздухоотвод крышки кол…</div>
								<div class="ellipsis max-w-125" title="Пылезащитный комплект, амортизатора">Пылезащитный комплект, аморт…</div>
							</td>
							<td class="text-right" data-sort="62.70">
								162.70
								<br />2.70
								<br />62.70
							</td>
							<td data-sort="Необработана">
								<div class="text-nowrap"><i class="fa fa-circle mr-6 color-red"></i>Отклонена</div>
								<div class="text-nowrap"><i class="fa fa-circle mr-6 color-green-light"></i>Одобрена</div>
								<div class="text-nowrap"><i class="fa fa-circle mr-6 color-yellow"></i>Необработана</div>
							</td>
							<td>
								<div class="text-nowrap">
									<a href="#" class="invert-link">Смотреть</a>
									{#<a href="#" class="invert-link" onclick="return confirm('Внимание! Вы уверены что хотите удалить заявку? Восстановить заявку будет невозможно')">Удалить</a>#}
								</div>
								<div class="text-nowrap">
									<a href="#" class="invert-link">Смотреть</a>
									{#<a href="#" class="invert-link" onclick="return confirm('Внимание! Вы уверены что хотите удалить заявку? Восстановить заявку будет невозможно')">Удалить</a>#}
								</div>
								<div class="text-nowrap">
									<a href="#" class="invert-link">Смотреть</a>
									<a href="#" class="invert-link" onclick="return confirm('Внимание! Вы уверены что хотите удалить заявку? Восстановить заявку будет невозможно')">Удалить</a>
								</div>
							</td>
						</tr>
						<tr>
							<td class="text-right" data-sort="3104222">
								3104928
							</td>
							<td class="text-right" data-sort="0000005">
								0000011
							</td>
							<td class="text-right" data-sort="14.04.2020">
								12.04.2020
							</td>
							<td data-sort="Не тот товар / не подошел">
								<div class="table-orders__link"><a href="#" title="Не тот товар / не подошел">Не тот товар / не подошел</a></div>
							</td>
							<td data-sort="Комплект тормозных колодок, д…">
								<div class="ellipsis max-w-125" title="Шланг, воздухоотвод крышки коллектора">Шланг, воздухоотвод крышки кол…</div>
							</td>
							<td class="text-right" data-sort="62.70">
								62.70
							</td>
							<td data-sort="Необработана">
								<div class="text-nowrap"><i class="fa fa-circle mr-6 color-yellow"></i>Необработана</div>
							</td>
							<td>
								<div class="text-nowrap">
									<a href="#" class="invert-link">Смотреть</a>
									<a href="#" class="invert-link" onclick="return confirm('Внимание! Вы уверены что хотите удалить заявку? Восстановить заявку будет невозможно')">Удалить</a>
								</div>
							</td>
						</tr>
						<tr>
							<td class="text-right" data-sort="3104923">
								3104929
							</td>
							<td class="text-right" data-sort="0000008">
								0000012
							</td>
							<td class="text-right" data-sort="14.04.2020">
								14.04.2020
							</td>
							<td data-sort="После установки выявлен изъян">
								<div class="table-orders__link"><a href="#" title="После установки выявлен изъян">После установки выявлен изъян</a></div>
							</td>
							<td data-sort="Фильтр, воздух во внутренном пр...">
								<div class="ellipsis max-w-125" title="Пылезащитный комплект, амортизатора">Пылезащитный комплект, аморт…</div>
							</td>
							<td class="text-right" data-sort="62.70">
								62.70
							</td>
							<td data-sort="Необработана">
								<div class="text-nowrap"><i class="fa fa-circle mr-6 color-yellow"></i>Необработана</div>
							</td>
							<td>
								<div class="text-nowrap">
									<a href="#" class="invert-link">Смотреть</a>
									<a href="#" class="invert-link" onclick="return confirm('Внимание! Вы уверены что хотите удалить заявку? Восстановить заявку будет невозможно')">Удалить</a>
								</div>
							</td>
						</tr>
						<tr>
							<td class="text-right" data-sort="3104111">
								3104930
							</td>
							<td class="text-right" data-sort="0000007 0000006 0000003">
								0000013
								<br />0000014
								<br />0000015
							</td>
							<td class="text-right" data-sort="14.04.2020">
								13.04.2020
								<br />13.04.2020
								<br />09.04.2020
							</td>
							<td data-sort="Не тот товар / не подошел Возврат 14 дней Сломанный товар">
								<div class="table-orders__link"><a href="#" title="Не тот товар / не подошел">Не тот товар / не подошел</a></div>
								<div class="table-orders__link"><a href="#" title="Возврат 14 дней">Возврат 14 дней</a></div>
								<div class="table-orders__link"><a href="#" title="Сломанный товар">Сломанный товар</a></div>
							</td>
							<td data-sort="Фильтр, воздух во внутренном пр...">
								<div class="ellipsis max-w-125" title="Крышка, заливная горловина">Крышка, заливная горловина</div>
								<div class="ellipsis max-w-125" title="Шланг, воздухоотвод крышки коллектора">Шланг, воздухоотвод крышки кол…</div>
								<div class="ellipsis max-w-125" title="Пылезащитный комплект, амортизатора">Пылезащитный комплект, аморт…</div>
							</td>
							<td class="text-right" data-sort="62.70">
								162.70
								<br />2.70
								<br />62.70
							</td>
							<td data-sort="Необработана">
								<div class="text-nowrap"><i class="fa fa-circle mr-6 color-red"></i>Отклонена</div>
								<div class="text-nowrap"><i class="fa fa-circle mr-6 color-green-light"></i>Одобрена</div>
								<div class="text-nowrap"><i class="fa fa-circle mr-6 color-yellow"></i>Необработана</div>
							</td>
							<td>
								<div class="text-nowrap">
									<a href="#" class="invert-link">Смотреть</a>
									{#<a href="#" class="invert-link" onclick="return confirm('Внимание! Вы уверены что хотите удалить заявку? Восстановить заявку будет невозможно')">Удалить</a>#}
								</div>
								<div class="text-nowrap">
									<a href="#" class="invert-link">Смотреть</a>
									{#<a href="#" class="invert-link" onclick="return confirm('Внимание! Вы уверены что хотите удалить заявку? Восстановить заявку будет невозможно')">Удалить</a>#}
								</div>
								<div class="text-nowrap">
									<a href="#" class="invert-link">Смотреть</a>
									<a href="#" class="invert-link" onclick="return confirm('Внимание! Вы уверены что хотите удалить заявку? Восстановить заявку будет невозможно')">Удалить</a>
								</div>
							</td>
						</tr>
						<tr>
							<td class="text-right" data-sort="3104222">
								3104931
							</td>
							<td class="text-right" data-sort="0000005">
								0000016
							</td>
							<td class="text-right" data-sort="14.04.2020">
								12.04.2020
							</td>
							<td data-sort="Не тот товар / не подошел">
								<div class="table-orders__link"><a href="#" title="Не тот товар / не подошел">Не тот товар / не подошел</a></div>
							</td>
							<td data-sort="Комплект тормозных колодок, д…">
								<div class="ellipsis max-w-125" title="Крышка, заливная горловина">Крышка, заливная горловина</div>
							</td>
							<td class="text-right" data-sort="62.70">
								62.70
							</td>
							<td data-sort="Необработана">
								<div class="text-nowrap"><i class="fa fa-circle mr-6 color-yellow"></i>Необработана</div>
							</td>
							<td>
								<div class="text-nowrap">
									<a href="#" class="invert-link">Смотреть</a>
									<a href="#" class="invert-link" onclick="return confirm('Внимание! Вы уверены что хотите удалить заявку? Восстановить заявку будет невозможно')">Удалить</a>
								</div>
							</td>
						</tr>
						<tr>
							<td class="text-right" data-sort="3104923">
								3104932
							</td>
							<td class="text-right" data-sort="0000008">
								0000017
							</td>
							<td class="text-right" data-sort="14.04.2020">
								14.04.2020
							</td>
							<td data-sort="После установки выявлен изъян">
								<div class="table-orders__link"><a href="#" title="После установки выявлен изъян">Следы установки</a></div>
							</td>
							<td data-sort="Фильтр, воздух во внутренном пр...">
								<div class="ellipsis max-w-125" title="Шланг, воздухоотвод крышки коллектора">Шланг, воздухоотвод крышки кол…</div>
							</td>
							<td class="text-right" data-sort="62.70">
								62.70
							</td>
							<td data-sort="Необработана">
								<div class="text-nowrap"><i class="fa fa-circle mr-6 color-yellow"></i>Необработана</div>
							</td>
							<td>
								<div class="text-nowrap">
									<a href="#" class="invert-link">Смотреть</a>
									<a href="#" class="invert-link" onclick="return confirm('Внимание! Вы уверены что хотите удалить заявку? Восстановить заявку будет невозможно')">Удалить</a>
								</div>
							</td>
						</tr>
						</tbody>
					</table>
				</div>

				<div class="mb-32"></div>

				<div class="nav-pager">
					<ul class="navs">
						<li class="move"><a href="#"><i class="fa fa-angle-double-left"></i> Назад</a></li>
						<li><a href="#">1</a></li>
						<li><a href="#">2</a></li>
						<li><span>...</span></li>
						<li><a href="#">14</a></li>
						<li><a href="#">15</a></li>
						<li class="current"><a href="#">16</a></li>
						<li><a href="#">17</a></li>
						<li><a href="#">18</a></li>
						<li><span>...</span></li>
						<li><a href="#">29</a></li>
						<li><a href="#">30</a></li>
						<li class="move"><a href="#">Вперёд <i class="fa fa-angle-double-right"></i></a></li>
					</ul>
					<div class="pagers">
						Показать на странице:
						<div class="dropup">
							<a href="#" data-toggle="dropdown" id="dropdownMenu1">20 <i class="fa fa-angle-down"></i></a>
							<ul class="dropdown-menu" aria-labelledby="dropdownMenu1">
								<li><a href="#">20</a></li>
								<li><a href="#">50</a></li>
								<li><a href="#">100</a></li>
							</ul>
						</div>
					</div>
				</div>

			</div><!--content-->
			<div class="clearfix"></div>
		</div><!--row-->
	</div><!--.section-profile-->

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