{% extends '../_layouts/_main.twig' %}
{% set pageTitle = 'ALVADI - Отследить заказ' %}
{% block content %}
	<ol class="breadcrumb-list breadcrumb-list-xl" itemscope itemtype="http://schema.org/BreadcrumbList">
		<li class="breadcrumb-item-xl">
			<a href="https://alvadi.ee/">
				<span class="ico-txt">
					<svg class="ico"><use xlink:href="/images/svg/main-sprite.svg#home"></use></svg>
					<span class="txt">Главная</span>
				</span>
			</a>
			<i class="fa fa-angle-right"></i>
		</li>
		<li class="breadcrumb-item" itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">
			<a itemprop="item" href="https://example.com/catalog">
				<span class="name" itemprop="name">
					<span class="red">Отследить заказ</span>
				</span>
			</a>
			<i class="fa fa-angle-right"></i>
			<meta itemprop="position" content="1" />
		</li>
		<li class="breadcrumb-item last" itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">
			<a itemprop="item" href="https://example.com/catalog/bmw/3-e46-1998">
				<span class="name" itemprop="name">
					<span class="red">Заказ: 9838485</span>
				</span>
			</a>
			<i class="fa fa-angle-right"></i>
			<meta itemprop="position" content="3" />
		</li>
	</ol>

	<div class="row">
		<div class="col-xs-12 col-md-3">
			<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#mapmarker-track"></use></svg>
								<span class="pl-4">Отследить заказ (2)</span>
							</span>
						</span>
						<i class="fa fa-caret-down"></i>
					</button>
				</div>
				<div class="res-list-group__body">
					<ul>
						<li>
							<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 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#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>
		<div class="col-xs-12 col-md-9">
			<h1 class="fs-32">Отследить заказ</h1>
			<div class="p-tracking">
				<div class="p-tracking-order-info">
					<div class="cloud">
						<div class="pull-right d-none d-lg-block">
							<img src="/images/icons/delivery/car-dpd-150x100.png" width="125" alt="" />
						</div>
						<ul class="m-0 list-unstyled list-unstyled-8">
							<li><strong>Заказ 56278902 принят в обработку</strong></li>
							<li>
								<div class="text-gray">Адрес доставки:</div>
								<a href="https://www.google.com/maps/place/Alvadi+Autoosad/@59.4289077,24.7867223,17z/data=!3m1!4b1!4m5!3m4!1s0x46929355bce05e51:0xe77bc735d2e11669!8m2!3d59.428905!4d24.788911" class="invert-link">Suur-Sõjamäe 20, 11415 Tallinn, Estonia</a>
							</li>
							<li>
								<div class="text-gray">Ожидаемая дата доставки:</div>
								23.07.2019
							</li>
							<li>
								<div class="text-gray">Транспортная служба:</div>
								DPD
							</li>
						</ul>
						<div class="clearfix"></div>
					</div><!--.cloud-->
				</div>
				<ul class="p-tracking-list">
					<li class="completed">
						<div class="ptl-mark"></div>
						<div class="ptl-title">Заказ принят</div>
						<div class="ptl-date">28.02.17 16:00</div>
					</li>
					<li class="completed">
						<div class="ptl-mark"></div>
						<div class="ptl-title">Посылка 3222100020182323 передана DPD</div>
						<div class="ptl-date">19.06.2019 14:32</div>
					</li>
					<li class="completed">
						<div class="ptl-mark"></div>
						<div class="ptl-title">Arrival to post office</div>
						<div class="ptl-date">28.02.17 16:03</div>
						<div class="ptl-description">Tallinna kullerpunkt</div>
					</li>
					<li class="completed">
						<div class="ptl-mark"></div>
						<div class="ptl-title">Acceptance of packet from client</div>
						<div class="ptl-date">28.02.17 16:03</div>
						<div class="ptl-description">Tallinna kullerpunkt</div>
					</li>
					<li class="completed">
						<div class="ptl-mark"></div>
						<div class="ptl-title">Dispatching</div>
						<div class="ptl-date">28.02.17 16:03</div>
						<div class="ptl-description">Sorteerimiskeskus</div>
					</li>
					<li class="completed">
						<div class="ptl-mark"></div>
						<div class="ptl-title">Arrival to post office</div>
						<div class="ptl-date">28.02.17 16:03</div>
						<div class="ptl-description">Sorteerimiskeskus (pakid)</div>
					</li>
					<li class="completed">
						<div class="ptl-mark"></div>
						<div class="ptl-title">Shipment from country of departure</div>
						<div class="ptl-date">28.02.17 16:03</div>
						<div class="ptl-description">Estonia</div>
					</li>
					<li class="completed">
						<div class="ptl-mark"></div>
						<div class="ptl-title">Delivery</div>
						<div class="ptl-date">28.02.17 16:03</div>
						<div class="ptl-description max-w-400">
							Location: Great Britain and Northern Ireland
							<br />Comment: 02.07.2019 10:55 GB301 / PL15 9JU ROBERTS D
						</div>
					</li>
					<li class="current">
						<div class="ptl-gap"></div>
						<div class="ptl-mark"></div>
						<div class="ptl-title">Shipment from country of departure</div>
						<div class="ptl-date">28.02.20 16:03</div>
						<div class="ptl-description">Estonia</div>
						<div class="ptl-explanation info">
							<div class="h6 mb-8">Выбран метод доставки International Post</div>

							<p>Если посылка задерживается, то задержка часто происходит в стране получателя.</p>
							<p>Получатель может влиять на скорость выдачи посылки.</p>

							<p>Чтобы узнать больше информации о Вашей посылке, пожалуйста свяжитесь с почтовой службой в Вашей стране:</p>

							<div class="mb-16"></div>
							<div class="ptl-explanation__table">
								<div class="d-grid">
									<div class="d-grid__label">Почтовая служба:</div>
									<div class="d-grid__field"><strong>Nigerian Post</strong></div>
									<div class="d-grid__label">Домашняя страница:</div>
									<div class="d-grid__field"><a href="#" class="invert-link"><strong>www.nigerianpost.com</strong></a></div>
									<div class="d-grid__label">Номер посылки:</div>
									<div class="d-grid__field"><strong>CC123456567</strong></div>
								</div>
							</div>

							<div class="mb-16"></div>
							<div class="mb-4 icobox size_16">
								<svg class="ico"><use xlink:href="/images/svg/main-sprite.svg#i-customs"></use></svg>
								<strong class="fs-16">Таможенные правила</strong>
							</div>
							Оформление таможенных сборов происходит в соответствии с правилами Вашей страны.
							<br />Транспортная служба свяжется с Вами, чтобы решить вопросы по таможне.
						</div>
					</li>
					<li>
						<div class="ptl-mark"></div>
						<div class="ptl-title"><strong class=" color-black">Получение клиентом</strong></div>
						<div class="ptl-date fw-medium">
							Ожидается 03.07.2019 15:32<br />
							Задержка дней: 3
						</div>
					</li>
				</ul>
			</div>

			<div class="p-tracking-another">
				<a href="#" class="invert-link">Отследить другой заказ</a>
			</div>
		</div>
	</div>

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