{% extends '../_layouts/_main.twig' %}
{% set pageTitle = 'ALVADI - Отследить заказ' %}
{% block content %}
	<h1 class="fs-32">Отслеживание заказа</h1>

	<div class="w-freon-informer">
		<p>Для отправки газа мы запросили у Вас данные</p>
		<div class="alert alert-warning d-inline-block">
			<div class="flex-row row-8">
				<div class="flex-col-auto">
					<div class="mb-2"></div>
					<svg width="16" height="16"><use xlink:href="/images/svg/main-sprite.svg#hourglass"></use></svg>
				</div>
				<div class="flex-col">
					Мы их проверяем
				</div>
			</div>
		</div>

		<br />

		<div class="alert alert-success d-inline-block">
			<div class="flex-row row-8">
				<div class="flex-col-auto">
					<div class="mb-2"></div>
					<svg width="16" height="16"><use xlink:href="/images/svg/main-sprite.svg#success"></use></svg>
				</div>
				<div class="flex-col">
					Мы проверили данные. Всё в порядке
				</div>
			</div>
		</div>

		<br />

		<div class="alert alert-danger d-inline-block">
			<div class="flex-row row-8">
				<div class="flex-col-auto">
					<div class="mb-2"></div>
					<svg width="16" height="16"><use xlink:href="/images/svg/main-sprite.svg#cross-round"></use></svg>
				</div>
				<div class="flex-col">
					Заявка на покупку газа отклонена. Свяжитесь с нами: <a href="mailto:gas@alvadi.ee">gas@alvadi.ee</a>
				</div>
			</div>
		</div>

		<br />

		<a href="#" class="btn btn-lg btn-primary">Заполнить данные</a>
		<div class="mb-8"></div>
		В случае вопросов пишите на <a href="mailto:gas@alvadi.ee">gas@alvadi.ee</a>
	</div>

	<div class="p-tracking">
		<div class="p-tracking-order-info">
			<div class="cloud">
				<div class="pull-right d-none d-lg-block">
					<img src="https://pics3.alpics.info/web/public/images/icons/delivery/postnord_courier.png" alt="" width="125">
				</div>
				<ul class="m-0 list-unstyled list-unstyled-8">
					<li>
						<strong>Заказ 4481215 принят в обработку</strong>
					</li>
					<li>
						<div class="text-gray">Адрес доставки:</div>
						<strong>Finland, Jyväskylä, Tuulimyllyntie 14 A 6, 40640</strong>
					</li>
					<li>
						<div class="text-gray">Ожидаемая дата доставки:</div>
						<strong>26.05.2023</strong>
					</li>
					<li>
						<div class="text-gray">Транспортная служба:</div>
						<strong>PostNord Курьер</strong>
					</li>
				</ul>
				<div class="clearfix"></div>
			</div>
		</div>
		<ul class="nav nav-tabs nav-tabs-responsive"><li class="active"><a href="#tab-parcel-05607123949991" data-toggle="tab">05607123949991</a></li><li><a href="#tab-parcel-05607123949992" data-toggle="tab">05607123949992</a></li>


			<li class="more" style="display: none;"><span><i class="fa fa-caret-down"></i></span><ul class="drop"></ul></li></ul>
		<div class="tab-content">
			<div role="tabpanel" class="tab-pane active" id="tab-parcel-05607123949991">
				<ul class="p-tracking-list">

					<li class="completed">
						<div class="ptl-mark"></div>
						<div class="ptl-title">
							Заказ принят
						</div>
						<div class="ptl-date">22.05.2023 10:19</div>
					</li>

					<li class="completed">
						<div class="ptl-mark"></div>
						<div class="ptl-title">
							Заказ передан транспортной службе
						</div>
						<div class="ptl-date">23.05.2023 16:16</div>
					</li>

					<li class="current">
						<div class="ptl-mark"></div>
						<div class="ptl-title">
							На пути в сортировочный центр
						</div>
						<div class="ptl-description max-w-400">Location: Estonia, Lehmja küla</div>
						<div class="ptl-date">23.05.2023 17:39</div>
					</li>
					<li>
						<div class="ptl-explanation info">
							<div class="h6 mb-8">Посылка была отправлена через PostNord Курьер</div>

							<p>Отследите заказ на сайте транспортной службы: <a href="https://tracking.dpd.de/status/en_US/parcel/05607123949991" class="invert-link" target="_blank">05607123949991</a></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>05607123949991</strong></div>
								</div>
							</div>
							<div class="mb-16"></div>
						</div>
					</li>
					<li>
						<div class="ptl-mark"></div>
						<div class="ptl-title"><strong class="color-black">Ожидаемая дата доставки</strong></div>
						<div class="ptl-date fw-medium">
							26.05.2023<br>
						</div>
					</li>
				</ul>
			</div>
			<div role="tabpanel" class="tab-pane" id="tab-parcel-05607123949992">
				<ul class="p-tracking-list">

					<li class="completed">
						<div class="ptl-mark"></div>
						<div class="ptl-title">
							Заказ принят
						</div>
						<div class="ptl-date">22.05.2023 10:19</div>
					</li>

					<li class="current">
						<div class="ptl-mark"></div>
						<div class="ptl-title">
							Заказ передан транспортной службе
						</div>
						<div class="ptl-date">23.05.2023 16:16</div>
					</li>
					<li>
						<div class="ptl-explanation info">
							<div class="h6 mb-8">Посылка была отправлена через PostNord Курьер</div>

							<p>Отследите заказ на сайте транспортной службы: <a href="https://tracking.dpd.de/status/en_US/parcel/05607123949992" class="invert-link" target="_blank">05607123949992</a></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>05607123949992</strong></div>
								</div>
							</div>
							<div class="mb-16"></div>
						</div>
					</li>
					<li>
						<div class="ptl-mark"></div>
						<div class="ptl-title"><strong class="color-black">Ожидаемая дата доставки</strong></div>
						<div class="ptl-date fw-medium">
							26.05.2023<br>
						</div>
					</li>
				</ul>
			</div>
		</div>
	</div>
	<div class="p-tracking-another">
		<a href="/ru/track" class="invert-link">Отследить другой заказ</a>
	</div>
	<div class="content-separator"></div>
{% endblock %}