{% extends '../_layouts/_main.twig' %}
{% block content %}
<div class="cp-awaiting-products">

	<div class="panel panel-tabs">
		<ul class="nav nav-tabs nav-tabs_a">
			<li class="active">
				<a href="awaiting.html">Awaiting products</a>
			</li>
			<li>
				<a href="delayed.html">Delayed products (32)</a>
			</li>
			<li>
				<a href="problem.html">Problem products</a>
			</li>
			<li>
				<span class="disabled">Performance</span>
			</li>
		</ul>
		<div class="panel-body cpap-order">
			<div class="cpap-order__info">
				<div class="title">
					<a href="#" class="number">Order: 2715345</a>
					<span class="icobox size_12">
						<svg class="ico"><use xlink:href="/images/svg/main-sprite.svg#i-paid"></use></svg>
						(paid)
					</span>
				</div>
				<table class="cpap-order__infoTable">
					<tr>
						<td><strong>Customer:</strong> Konstantin Voskoboinikov</td>
						<td><strong>Seller:</strong> Andrus Vaal</td>
					</tr>
					<tr>
						<td><strong>Phone:</strong> +37256392277</td>
						<td><strong>Current shipping date:</strong> 21.05.19 12:30</td>
					</tr>
				</table>
			</div>
			<ul class="cpap-order__controls">
				<li>
					<a href="#" class="discard icobox icobox_right size_12">
						<svg class="ico"><use xlink:href="/images/svg/main-sprite.svg#cross"></use></svg>
						Discard all changes and exit order view
					</a>
				</li>
				<li>
					<a href="#" class="apply icobox icobox_right size_12" data-confirm="Are you sure you want to exit 2715345 order? All unsaved changes will be lost">
						<svg class="ico"><use xlink:href="/images/svg/main-sprite.svg#cloud"></use></svg>
						Apply all changes made to this order
					</a>
				</li>
			</ul>
		</div>
		<div class="panel-body">

			<div class="mb-4">
				<strong>Total awaiting products: 2830</strong>
			</div>

			<div class="scroller-x">
				<table class="cpap-table">
					<thead>
					<tr>
						<th>Order</th>
						<th>Admin</th>
						<th>Spare</th>
						<th>Delivery</th>
						<th>Product</th>
						<th>Supplier</th>
						<th>Code</th>
						<th>Item</th>
						<th class="text-right">w/o VAT</th>
						<th>Delivery Date</th>
						<th>Shipping Date</th>
						<th>&nbsp;</th>
						<th>&nbsp;</th>
						<th>&nbsp;</th>
					</tr>
					</thead>
					<tbody>
					<tr>
						<td class="text-nowrap">
							<div class="b-flag">
								<div class="b-flag__icon"><img src="/images/flag/ee.png" alt="" /></div>
								<span class="icobox icobox_right size_16">
									<svg class="ico color-primary"><use xlink:href="/images/svg/main-sprite.svg#i-paid"></use></svg>
									<a href="#">2715345</a>
								</span>
							</div>
						</td>
						<td>
							<span class="icobox size_16" title="Kiril Harvatin">
								<i class="ico"><img src="/images/temp/kh.png" alt="" /></i>
								KH
							</span>
						</td>
						<td><a href="#">AL211926135</a></td>
						<td>SmartPost Express</td>
						<td><span class="cpap-table__product-name text-shorter-tooltip"><span>Воздушный фильтр FILTRON</span></span></td>
						<td style="min-width: 120px;">FEBEST Europe Distribution</td>
						<td>AP149/1</td>
						<td><a href="#">U2246919</a></td>
						<td class="text-right text-nowrap">123.35 €</td>
						<td class="text-nowrap">
							<span class="icobox icobox_right size_12">
								<a href="#" class="ico color-black"><svg class="d-block" width="8" height="12"><use xlink:href="/images/svg/main-sprite.svg#i-pencil"></use></svg></a>
								17.05.10 08:10
							</span>
						</td>
						<td class="text-nowrap">21.05.10 12:45</td>
						<td class="td-link"><a href="#" class="color-green-light"><svg class="d-block" width="16" height="16"><use xlink:href="/images/svg/main-sprite.svg#i-change"></use></svg></a></td>
						<td class="td-link"><a href="#"><svg class="d-block" width="16" height="16"><use xlink:href="/images/svg/main-sprite.svg#i-help"></use></svg></a></td>
						<td class="td-link"><a href="#"><strong>2</strong></a></td>
					</tr>
					<tr>
						<td class="text-nowrap">
							<div class="b-flag">
								<div class="b-flag__icon"><img src="/images/flag/ee.png" alt="" /></div>
								<a href="#">2715777</a>
							</div>
						</td>
						<td>
							<span class="icobox size_16" title="Atillo Tamerlanovich">
								<i class="ico"><img src="/images/temp/at.png" alt="" /></i>
								AT
							</span>
						</td>
						<td><a href="#">AL21926139</a></td>
						<td>24Express</td>
						<td><span class="cpap-table__product-name text-shorter-tooltip"><span>Прокладка, головка цилиндра head cover VICTOR REINZ</span></span></td>
						<td style="min-width: 120px;">AD BALTIC</td>
						<td>AP149/1</td>
						<td><a href="#">U2246321</a></td>
						<td class="text-right text-nowrap">89.21 €</td>
						<td class="text-nowrap">
							<span class="icobox icobox_right size_12">
								<a href="#" class="ico color-black"><svg class="d-block" width="8" height="12"><use xlink:href="/images/svg/main-sprite.svg#i-pencil"></use></svg></a>
								17.05.10 08:10
							</span>
						</td>
						<td class="text-nowrap">&nbsp;</td>
						<td class="td-link">&nbsp;</td>
						<td class="td-link">&nbsp;</td>
						<td class="td-link"><a href="#"><strong>3</strong></a></td>
					</tr>
					<tr>
						<td class="text-nowrap">
							<div class="b-flag">
								<div class="b-flag__icon"><img src="/images/flag/ee.png" alt="" /></div>
								<a href="#">2715142</a>
							</div>
						</td>
						<td>
							<span class="icobox size_16" title="Kiril Harvatin">
								<i class="ico"><img src="/images/temp/kh.png" alt="" /></i>
								KH
							</span>
						</td>
						<td><a href="#">AL211926101</a></td>
						<td>Shop</td>
						<td><span class="cpap-table__product-name text-shorter-tooltip"><span>Дверь, кузов BLIC</span></span></td>
						<td style="min-width: 120px;">KOLCHUGA</td>
						<td>6015-00-2020135P</td>
						<td><a href="#">U2246792</a></td>
						<td class="text-right text-nowrap">26.56 €</td>
						<td class="text-nowrap">
							<span class="icobox icobox_right size_12">
								<a href="#" class="ico color-black"><svg class="d-block" width="8" height="12"><use xlink:href="/images/svg/main-sprite.svg#i-pencil"></use></svg></a>
								21.06.10 11:45
							</span>
						</td>
						<td class="text-nowrap">27.06.10 14:00</td>
						<td class="td-link"><a href="#" class="color-green-light"><svg class="d-block" width="16" height="16"><use xlink:href="/images/svg/main-sprite.svg#i-change"></use></svg></a></td>
						<td class="td-link"><a href="#"><svg class="d-block" width="16" height="16"><use xlink:href="/images/svg/main-sprite.svg#i-help"></use></svg></a></td>
						<td class="td-link"><a href="#" class="color-gray"><strong>0</strong></a></td>
					</tr>
					<tr>
						<td class="text-nowrap">
							<div class="b-flag">
								<div class="b-flag__icon"><img src="/images/flag/ee.png" alt="" /></div>
								<a href="#">2993177</a>
							</div>
						</td>
						<td>
							<span class="icobox size_16" title="Atillo Tamerlanovich">
								<i class="ico"><img src="/images/temp/at.png" alt="" /></i>
								AT
							</span>
						</td>
						<td><a href="#">AL211926135</a></td>
						<td>SmartPost Express</td>
						<td><span class="cpap-table__product-name text-shorter-tooltip"><span>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt quaerat quia recusandae sint. Adipisci alias beatae, corporis natus numquam quasi repellat saepe sapiente vitae voluptas!</span></span></td>
						<td style="min-width: 120px;">AD BALTIC</td>
						<td>AP149/1</td>
						<td><a href="#">U2246321</a></td>
						<td class="text-right text-nowrap">2.13 €</td>
						<td class="text-nowrap">
							<span class="icobox icobox_right size_12">
								<a href="#" class="ico color-black"><svg class="d-block" width="8" height="12"><use xlink:href="/images/svg/main-sprite.svg#i-pencil"></use></svg></a>
								17.05.10 08:10
							</span>
						</td>
						<td class="text-nowrap">19.05.10 10:00</td>
						<td class="td-link"><a href="#" class="color-green-light"><svg class="d-block" width="16" height="16"><use xlink:href="/images/svg/main-sprite.svg#i-change"></use></svg></a></td>
						<td class="td-link"><a href="#"><svg class="d-block" width="16" height="16"><use xlink:href="/images/svg/main-sprite.svg#i-help"></use></svg></a></td>
						<td class="td-active td-link"><a href="#"><strong>1</strong></a></td>
					</tr>
					<tr>
						<td class="td-active" colspan="14">
							<div class="cpap-table-date-changer">
								<a href="#" class="cls">Close <i class="fa fa-angle-up"></i></a>
								<div class="mb-8">
									<strong>Events log</strong>
								</div>

								<div class="panel panel-white">
									<table class="table">
										<thead>
										<tr class="text-nowrap">
											<th>#</th>
											<th>Event date</th>
											<th>Event</th>
											<th class="text-right">Delayed qty</th>
											<th>New delivery date</th>
											<th>Admin</th>
											<th>Cause / comment</th>
											<th>SMS</th>
										</tr>
										</thead>
										<tbody>
										<tr>
											<td>7</td>
											<td><span class="text-nowrap">15.10.19 12:30</span></td>
											<td>Refused</td>
											<td class="text-right"><span class="label">2</span></td>
											<td><span class="text-nowrap">15.10.19 12:30</span></td>
											<td>Raiko Loor</td>
											<td>
													<span class="cpap-table__product-name text-shorter-tooltip">
														<span>Analogue rejected, because there was no alternative. Other were too</span>
													</span>
											</td>
											<td>
													<span class="cpap-table__product-name text-shorter-tooltip">
														<span>Vabandame, ei saa teie tellimust täita. Toode ‘Tihendusaine VICTOR REINZ’ ei tulnud meie</span>
													</span>
											</td>
										</tr>
										<tr>
											<td>6</td>
											<td><span class="text-nowrap">13.10.19 12:30</span></td>
											<td>Help requested from Seller</td>
											<td class="text-right">&nbsp;</td>
											<td>&nbsp;</td>
											<td>Karina Harlantšuk</td>
											<td>
													<span class="cpap-table__product-name text-shorter-tooltip">
														<span>Can't find analogue</span>
													</span>
											</td>
											<td>
												&nbsp;
											</td>
										</tr>
										<tr>
											<td>5</td>
											<td><span class="text-nowrap">13.10.19 12:30</span></td>
											<td>Delivery date is delayed</td>
											<td class="text-right"><span class="label label-warning">3</span></td>
											<td>&nbsp;</td>
											<td>Karina Harlantšuk</td>
											<td>
													<span class="cpap-table__product-name text-shorter-tooltip">
														<span>Other: в каталоге у поставщика написано, что товар идёт со</span>
													</span>
											</td>
											<td>
													<span class="cpap-table__product-name text-shorter-tooltip">
														<span>Some really really long SMS. Some really really long SMS. Some really really long SMS. Some really</span>
													</span>
											</td>
										</tr>
										<tr>
											<td>4</td>
											<td><span class="text-nowrap">11.10.19 12:30</span></td>
											<td>New delivery date is set</td>
											<td class="text-right"><span class="label">1</span></td>
											<td>13.10.19 12:30</td>
											<td>Karina Harlantšuk</td>
											<td>
													<span class="cpap-table__product-name text-shorter-tooltip">
														<span>Supplier informed that product(s) will arrive later</span>
													</span>
											</td>
											<td>
													<span class="cpap-table__product-name text-shorter-tooltip">
														<span>Some really really long SMS. Some really really long SMS. Some really really long SMS. Some really</span>
													</span>
											</td>
										</tr>
										</tbody>
									</table>
								</div>
							</div>
						</td>
					</tr>
					</tbody>
				</table>
			</div>

		</div>
	</div>

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