{% 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-filter">
				<div class="row row-16">
					<div class="col-xs-12 col-lg-9">
						<div class="row row-16">
							<div class="col-xs-12 col-sm-6 col-md-2">
								<div class="form-group">
									<div class="form-label">Delivery date</div>
									<div class="form-field warning">
										<input class="form-control datepicker-range" type="text" value="" />
									</div>
								</div>
							</div><!--.col-->
							<div class="col-xs-12 col-sm-6 col-md-2">
								<div class="form-group">
									<div class="form-label">Supplier</div>
									<div class="form-field vue-watcher">
										<select class="form-control selectpicker dropdown-min-w-150" name="billType" data-container="body" multiple>
											<option value="1">KRIS</option>
											<option value="2">Signeda</option>
											<option value="3">DIEDERICHS</option>
											<option value="4">AUTO-PARTS</option>
										</select>
										<i class="form-field-cross"></i>
									</div>
								</div>
							</div><!--.col-->
							<div class="col-xs-12 col-sm-6 col-md-2">
								<div class="form-group">
									<div class="form-label">Payment status</div>
									<div class="form-field vue-watcher selected">
										<select class="form-control selectpicker dropdown-min-w-150" name="billType" data-container="body" multiple>
											<option value="1">Paid</option>
											<option value="2">Invoice</option>
											<option value="3">Sent</option>
										</select>
										<i class="form-field-cross"></i>
									</div>
								</div>
							</div><!--.col-->
							<div class="col-xs-12 col-sm-6 col-md-2">
								<div class="form-group">
									<div class="form-label">Admin</div>
									<div class="form-field vue-watcher">
										<select class="form-control selectpicker dropdown-min-w-150" name="billType" data-container="body" multiple>
											<option value="1">Admin_1</option>
											<option value="2">Admin_2</option>
											<option value="3">Admin_3</option>
										</select>
										<i class="form-field-cross"></i>
									</div>
								</div>
							</div><!--.col-->
							<div class="col-xs-12 col-sm-6 col-md-2">
								<div class="form-group">
									<div class="form-label">Order type</div>
									<div class="form-field vue-watcher">
										<select class="form-control selectpicker dropdown-min-w-150" name="billType" data-container="body" multiple>
											<option value="1">На склад</option>
											<option value="2">Под заказ</option>
										</select>
										<i class="form-field-cross"></i>
									</div>
								</div>
							</div><!--.col-->
							<div class="col-xs-12 col-sm-6 col-md-2">
								<div class="form-group">
									<div class="form-label">Delivery method</div>
									<div class="form-field vue-watcher">
										<select class="form-control selectpicker dropdown-min-w-150" name="billType" data-container="body" multiple>
											<option value="1">Cargobus</option>
											<option value="2">DPD</option>
											<option value="3">SmartPost</option>
											<option value="3">Air Express</option>
											<option value="3">Venipak</option>
										</select>
										<i class="form-field-cross"></i>
									</div>
								</div>
							</div><!--.col-->
						</div><!--.row-->
					</div><!--.col-->
					<div class="col-xs-12 col-lg-3">
						<div class="form-group">
							<div class="form-label">Search</div>
							<div class="form-field">
								<div class="media">
									<div class="media-body">
										<input type="text" class="form-control" placeholder="spare_id; order_id; item_id; code" />
									</div>
									<div class="media-right media-right_8">
										<button class="btn btn-primary" type="button">
													<span class="icobox size_16">
														<i class="ico fa fa-search"></i>
														SEARCH
													</span>
										</button>
									</div>
								</div>
							</div>
						</div>
					</div><!--.col-->
				</div><!--.row-->
			</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 title="Date product must be delivered to Alvadi from Supplier">Delivery Date</th>
							<th title="Date product must be shipped from Alvadi to Customer">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" title="Order paid">
										<a href="#">2715345</a>
										<svg class="ico color-primary" width="16" height="16"><use xlink:href="/images/svg/main-sprite.svg#i-paid"></use></svg>
									</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" title="Set new delivery date"><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" title="Reorder or choose analogue"><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="#" title="Request help from Seller"><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="#" title="Events log"><strong>2</strong></a></td>
						</tr>
						<tr>
							<td class="text-nowrap">
								<div class="b-flag">
									<div class="b-flag__icon"><img src="/images/flag/ru.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" title="Set new delivery date"><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="#" title="Events log"><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" title="Set new delivery date"><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="#" title="Reorder or choose analogue"><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="#" class="color-green-light" title="Request help from Seller"><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" title="Events log"><strong>0</strong></a></td>
						</tr>
						<tr>
							<td class="text-nowrap">
								<div class="b-flag">
									<div class="b-flag__icon"><img src="/images/flag/fi.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>Уплотняющее кольцо, ступенчатая коробка пиередач; Уплотняющее кольцо вала, фланец нереально длинное название; BLIC 6015-00-2020135P</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" title="Set new delivery date"><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" title="Reorder or choose analogue"><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="#" title="Request help from Seller"><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="#" title="Events log"><strong>1</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" title="Set new delivery date"><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="#" title="Reorder or choose analogue"><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="#" class="color-green-light" title="Request help from Seller"><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="#" title="Events log"><strong>1</strong></a></td>
						</tr>
						</tbody>
					</table>
				</div>

			</div>
		</div>

	</div>
	<div class="content-separator onehalf-sm-up"></div>
{% endblock %}
{% block footerJS %}
	{{ parent() }}
	<script>
		$(function(){
			globalNotifyAdd(
				'<i class=\'fa fa-exclamation-triangle\'></i> ' + 'Lorem ipsum dolor sit amet, consectetur adipisicing elit. At, cum!',
				'alert-danger timer'
			);
			setTimeout(function (){
				globalNotifyAdd(
					'<i class=\'fa fa-exclamation-triangle\'></i> ' + 'New Lorem ipsum dolor sit amet, consectetur adipisicing elit. At, cum!',
					'alert-success'
				);
			}, 1500);
		});
	</script>
{% endblock %}