{% extends '../_layouts/_main.twig' %}
{% block content %}
	<div class="page-enhancer">
		<a href="#" data-toggle="modal" data-target="#modal-enhancer">Знаете как улучшить эту страницу?</a>
	</div>

	<ol class="pathway" itemscope="" itemtype="http://schema.org/BreadcrumbList">
		<li itemprop="itemListElement" itemscope="" itemtype="http://schema.org/ListItem">
			<a itemprop="item" href="https://alvadi.ee/">
				<svg>
					<use xlink:href="/images/svg/main-sprite.svg#home"></use>
				</svg>
				<span itemprop="name">Главная</span>
			</a>
			<meta itemprop="position" content="1">
		</li>
		<li itemprop="itemListElement" itemscope="" itemtype="http://schema.org/ListItem">
			<i class="fa fa-angle-right"></i>
			<span itemprop="item">
				<span itemprop="name">Мои заказы</span>
			</span>
			<meta itemprop="position" content="2">
		</li>
	</ol>

	<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#order-2"></use></svg>
									<span class="pl-4">Мои заказы (1536)</span>
								</span>
							</span>
							<i class="fa fa-caret-down"></i>
						</button>
					</div>
					<div class="res-list-group__body">
						<ul>
							<li class="current">
								<a href="profile-orders.html" 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="profile-orders-alvadi.html" 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">Заказы с alvadi.ee (899)</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#mapmarker-track"></use></svg>
										<span class="pl-4">Отследить заказ (2)</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#credit-card"></use></svg>
										<span class="pl-4">Баланс 2234.45 eur</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#bill-2"></use></svg>
										<span class="pl-4">Счета</span>
									</span>
								</a>
							</li>
							<li class="open">
								<a href="profile-my-data.html" 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="profile-data-personal.html" class="res-list-group__item">
											<span class="icobox size_16">
												<span class="pl-4">Персональные данные</span>
											</span>
										</a>
									</li>
									<li>
										<a href="profile-data-company.html" class="res-list-group__item">
											<span class="icobox size_16">
												<span class="pl-4">Данные фирмы</span>
											</span>
										</a>
									</li>
									<li>
										<a href="profile-data-contacts.html" 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="profile-other.html" 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#gear"></use></svg>
										<span class="pl-4">Настройки сайта</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#parts"></use></svg>
										<span class="pl-4">Заказные товары</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#stats"></use></svg>
										<span class="pl-4">Статистика фирмы</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#users"></use></svg>
										<span class="pl-4">Пользователи</span>
									</span>
								</a>
							</li>
							<li>
								<a href="profile-contacts.html" class="res-list-group__item">
									<span class="icobox size_16">
										<svg class="ico"><use xlink:href="/images/svg/main-sprite.svg#phone-2"></use></svg>
										<span class="pl-4">Контакты ALVADI</span>
									</span>
								</a>
							</li>
						</ul>
					</div>
				</div><!--res-list-group-->

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

				<h3>Мои заказы</h3>

				<div class="mb-24">
					Здесь Вы видите все заказы, которые Вы делали на alvadi.ee
					<br>
					Всего заказов: 1538
				</div>

				<div class="mb-24 form-check stylize">
					<label>
						<input class="profile-list-order-toggler" type="checkbox" name="" value="" />
						Раскрыть все
						<span class="arr arr-check"></span>
					</label>
				</div>

				<!-- section profile order list -->
				<div class="profile-list-order">

					<div class="plo-item">
						<div class="plo-item__head">
							<div class="plo-item__status success"></div>
							<div class="plo-item__name">Заказ 56278902 отправлен<i class="ico"></i></div>
							<div class="plo-item__amount">
								<span class="amount-mark">Сумма заказа:</span>
								<strong class="color-blue">621.90 eur</strong>
							</div>
							<div class="clearfix"></div>
						</div>
						<div class="plo-item__body">
							<div class="mb-8 pull-left">
								<table class="plo-item__goods">
									<tbody>
									<tr>
										<td class="text-nowrap">454 MNK</td>
										<td><a href="https://alvadi.ee/ru/cart/1678829" class="invert-link">Решётка бампера</a> * 2шт</td>
									</tr>
									<tr>
										<td class="text-nowrap">454 MNK</td>
										<td><a href="https://alvadi.ee/ru/cart/1678829" class="invert-link">Фара основная</a></td>
									</tr>
									<tr>
										<td class="text-nowrap">454 MNK</td>
										<td><a href="https://alvadi.ee/ru/cart/1678829" class="invert-link">Колодки тормозные</a> * 4шт</td>
									</tr>
									</tbody>
								</table>
							</div>
							<div class="mb-8 pull-right">
								<table class="plo-item__dates">
									<tbody>
									<tr>
										<td>Дата заказа:</td>
										<td>15.08.2019</td>
									</tr>
									<tr>
										<td>Дата доставки:</td>
										<td>19.08.2019</td>
									</tr>
									</tbody>
								</table>
							</div>
							<div class="clearfix"></div>
							<ul class="plo-item__buttons">
								<li>
									<a href="#" class="btn btn-default">
										<span class="icobox size_16">
											<i class="ico fa fa-map-marker"></i>
											Отследить
										</span>
									</a>
								</li>
								<li>
									<a href="#" class="btn btn-default">
										<span class="icobox size_16 without-icon-xxs">
											<i class="ico fa fa-download"></i>
											Счёт PDF
										</span>
									</a>
								</li>
								<li><a href="#" class="btn btn-primary">Оплатить</a></li>
							</ul>
						</div>
					</div><!--.plo-item-->

					<div class="plo-item">
						<div class="plo-item__head">
							<div class="plo-item__status success"></div>
							<div class="plo-item__name">Заказ 56278903 отправлен<i class="ico"></i></div>
							<div class="plo-item__amount">
								<span class="amount-mark">Сумма заказа:</span>
								<strong class="color-blue">36.56 eur</strong>
							</div>
							<div class="clearfix"></div>
						</div>
						<div class="plo-item__body">
							<div class="mb-8 pull-left">
								<table class="plo-item__goods">
									<tbody>
									<tr>
										<td class="text-nowrap">454 MNK</td>
										<td><a href="https://alvadi.ee/ru/cart/1678829" class="invert-link">Решётка бампера</a> * 2шт</td>
									</tr>
									<tr>
										<td class="text-nowrap">454 MNK</td>
										<td><a href="https://alvadi.ee/ru/cart/1678829" class="invert-link">Фара основная</a></td>
									</tr>
									<tr>
										<td class="text-nowrap">454 MNK</td>
										<td><a href="https://alvadi.ee/ru/cart/1678829" class="invert-link">Колодки тормозные</a> * 4шт</td>
									</tr>
									</tbody>
								</table>
							</div>
							<div class="mb-8 pull-right">
								<table class="plo-item__dates">
									<tbody>
									<tr>
										<td>Дата заказа:</td>
										<td>15.08.2019</td>
									</tr>
									<tr>
										<td>Дата доставки:</td>
										<td>19.08.2019</td>
									</tr>
									</tbody>
								</table>
							</div>
							<div class="clearfix"></div>
							<ul class="plo-item__buttons">
								<li>
									<a href="#" class="btn btn-default">
										<span class="icobox size_16">
											<i class="ico fa fa-map-marker"></i>
											Отследить
										</span>
									</a>
								</li>
								<li>
									<a href="#" class="btn btn-default">
										<span class="icobox size_16 without-icon-xxs">
											<i class="ico fa fa-download"></i>
											Счёт PDF
										</span>
									</a>
								</li>
								<li><a href="#" class="btn btn-primary">Оплатить</a></li>
							</ul>
						</div>
					</div><!--.plo-item-->

					<div class="plo-item">
						<div class="plo-item__head">
							<div class="plo-item__status success"></div>
							<div class="plo-item__name">Заказ 56278904 отправлен<i class="ico"></i></div>
							<div class="plo-item__amount">
								<span class="amount-mark">Сумма заказа:</span>
								<strong class="color-blue">28.10 eur</strong>
							</div>
							<div class="clearfix"></div>
						</div>
						<div class="plo-item__body">
							<div class="mb-8 pull-left">
								<table class="plo-item__goods">
									<tbody>
									<tr>
										<td class="text-nowrap">454 MNK</td>
										<td><a href="https://alvadi.ee/ru/cart/1678829" class="invert-link">Решётка бампера</a> * 2шт</td>
									</tr>
									<tr>
										<td class="text-nowrap">454 MNK</td>
										<td><a href="https://alvadi.ee/ru/cart/1678829" class="invert-link">Фара основная</a></td>
									</tr>
									<tr>
										<td class="text-nowrap">454 MNK</td>
										<td><a href="https://alvadi.ee/ru/cart/1678829" class="invert-link">Колодки тормозные</a> * 4шт</td>
									</tr>
									</tbody>
								</table>
							</div>
							<div class="mb-8 pull-right">
								<table class="plo-item__dates">
									<tbody>
									<tr>
										<td>Дата заказа:</td>
										<td>15.08.2019</td>
									</tr>
									<tr>
										<td>Дата доставки:</td>
										<td>19.08.2019</td>
									</tr>
									</tbody>
								</table>
							</div>
							<div class="clearfix"></div>
							<ul class="plo-item__buttons">
								<li>
									<a href="#" class="btn btn-default">
										<span class="icobox size_16 without-icon-xxs">
											<i class="ico fa fa-download"></i>
											Счёт PDF
										</span>
									</a>
								</li>
								<li><a href="#" class="btn btn-primary">Оплатить</a></li>
							</ul>
						</div>
					</div><!--.plo-item-->

					<div class="plo-item">
						<div class="plo-item__head">
							<div class="plo-item__status warning"></div>
							<div class="plo-item__name">Заказ 56278905 приостановлен<i class="ico"></i></div>
							<div class="plo-item__amount">
								<span class="amount-mark">Сумма заказа:</span>
								<strong class="color-red">11.88 eur</strong> <span class="ml-4 color-gray">(7.88 eur)</span>
							</div>
							<div class="clearfix"></div>
						</div>
						<div class="plo-item__body">
							<div class="mb-8 pull-left">
								<table class="plo-item__goods">
									<tbody>
									<tr>
										<td class="text-nowrap">454 MNK</td>
										<td><a href="https://alvadi.ee/ru/cart/1678829" class="invert-link">Решётка бампера</a> * 2шт</td>
									</tr>
									<tr>
										<td class="text-nowrap">454 MNK</td>
										<td><a href="https://alvadi.ee/ru/cart/1678829" class="invert-link">Фара основная</a></td>
									</tr>
									</tbody>
								</table>
							</div>
							<div class="mb-8 pull-right">
								<table class="plo-item__dates">
									<tbody>
									<tr>
										<td>Дата заказа:</td>
										<td>15.08.2019</td>
									</tr>
									<tr>
										<td>Дата доставки:</td>
										<td>19.08.2019</td>
									</tr>
									</tbody>
								</table>
							</div>
							<div class="clearfix"></div>
							<ul class="plo-item__buttons">
								<li>
									<a href="#" class="btn btn-default">
										<span class="icobox size_16 without-icon-xxs">
											<i class="ico fa fa-download"></i>
											Счёт PDF
										</span>
									</a>
								</li>
							</ul>
						</div>
					</div><!--.plo-item-->

					<div class="plo-item">
						<div class="plo-item__head">
							<div class="plo-item__status danger"></div>
							<div class="plo-item__name">Заказ 56278906 отменён<i class="ico"></i></div>
							<div class="plo-item__amount">
								<span class="amount-mark">Сумма заказа:</span>
								<strong class="color-red">24.85 eur</strong>
							</div>
							<div class="clearfix"></div>
						</div>
						<div class="plo-item__body">
							<div class="mb-8 pull-left">
								<table class="plo-item__goods">
									<tbody>
									<tr>
										<td class="text-nowrap">454 MNK</td>
										<td><a href="https://alvadi.ee/ru/cart/1678829" class="invert-link">Решётка бампера</a> * 2шт</td>
									</tr>
									<tr>
										<td class="text-nowrap">454 MNK</td>
										<td><a href="https://alvadi.ee/ru/cart/1678829" class="invert-link">Фара основная</a></td>
									</tr>
									<tr>
										<td class="text-nowrap">454 MNK</td>
										<td><a href="https://alvadi.ee/ru/cart/1678829" class="invert-link">Колодки тормозные</a> * 4шт</td>
									</tr>
									</tbody>
								</table>
							</div>
							<div class="mb-8 pull-right">
								<table class="plo-item__dates">
									<tbody>
									<tr>
										<td>Дата заказа:</td>
										<td>15.08.2019</td>
									</tr>
									<tr>
										<td>Дата доставки:</td>
										<td>19.08.2019</td>
									</tr>
									</tbody>
								</table>
							</div>
							<div class="clearfix"></div>
							<ul class="plo-item__buttons">
								<li>
									<a href="#" class="btn btn-default">
										<span class="icobox size_16 without-icon-xxs">
											<i class="ico fa fa-download"></i>
											Счёт PDF
										</span>
									</a>
								</li>
							</ul>
						</div>
					</div><!--.plo-item-->

					<div class="plo-item">
						<div class="plo-item__head">
							<div class="plo-item__status"></div>
							<div class="plo-item__name">Заказ 56278907 в ожидании<i class="ico"></i></div>
							<div class="plo-item__amount">
								<span class="amount-mark">Сумма заказа:</span>
								<strong class="color-blue">24.85 eur</strong>
							</div>
							<div class="clearfix"></div>
						</div>
						<div class="plo-item__body">
							<div class="mb-8 pull-left">
								<table class="plo-item__goods">
									<tbody>
									<tr>
										<td class="text-nowrap">454 MNK</td>
										<td><a href="https://alvadi.ee/ru/cart/1678829" class="invert-link">Решётка бампера</a> * 2шт</td>
									</tr>
									<tr>
										<td class="text-nowrap">454 MNK</td>
										<td><a href="https://alvadi.ee/ru/cart/1678829" class="invert-link">Фара основная</a></td>
									</tr>
									<tr>
										<td class="text-nowrap">454 MNK</td>
										<td><a href="https://alvadi.ee/ru/cart/1678829" class="invert-link">Колодки тормозные</a> * 4шт</td>
									</tr>
									</tbody>
								</table>
							</div>
							<div class="mb-8 pull-right">
								<table class="plo-item__dates">
									<tbody>
									<tr>
										<td>Дата заказа:</td>
										<td>15.08.2019</td>
									</tr>
									<tr>
										<td>Дата доставки:</td>
										<td>19.08.2019</td>
									</tr>
									</tbody>
								</table>
							</div>
							<div class="clearfix"></div>
							<ul class="plo-item__buttons">
								<li>
									<a href="#" class="btn btn-default">
										<span class="icobox size_16">
											<i class="ico fa fa-map-marker"></i>
											Отследить
										</span>
									</a>
								</li>
								<li>
									<a href="#" class="btn btn-default">
										<span class="icobox size_16 without-icon-xxs">
											<i class="ico fa fa-download"></i>
											Счёт PDF
										</span>
									</a>
								</li>
								<li><a href="#" class="btn btn-primary">Оплатить</a></li>
							</ul>
						</div>
					</div><!--.plo-item-->

				</div><!--.profile-list-order-->

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