{% 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">
						<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="#"><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-active 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-help"></use></svg></a></td>
						<td class="td-link"><a href="#" class="color-gray"><strong>0</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="max-w-1200">
									<div class="row">
										<div class="col-xs-12 col-md-4">
											<div class="mb-4 fw-bold">1. Choose reason</div>
											<ul class="list-unstyled list-unstyled-4 max-w-500">
												<li>
													<div class="form-group form-check">
														<label>
															<input class="js-reason-input" type="radio" name="rad-1" />
															Product is out of supplier stock
														</label>
													</div>
												</li>
												<li>
													<div class="form-group form-check">
														<label>
															<input class="js-reason-input" type="radio" name="rad-1" />
															I can’t find analogue
														</label>
													</div>
												</li>
												<li>
													<div class="form-group form-check">
														<label>
															<input class="js-reason-input" type="radio" name="rad-1" />
															Other reason
														</label>
													</div>
													<div class="form-group form-group-hidden pl-20">
														<div class="mb-4"></div>
														<div class="form-label">Your comment (visible only for admins). Required*</div>
														<div class="form-field">
															<textarea class="form-control" cols="" rows="3"></textarea>
														</div>
														<div class="help-block hidden">The field is required</div>
													</div>
												</li>
											</ul>
										</div><!--.col-->
										<div class="col-xs-12 col-md-5">
											<div class="mb-4 fw-bold">2. Accept</div>
											<div class="panel panel-uniq">
												<div class="panel-body collapser in">
													<div class="collapser-caret collapser-link">
														<i class="fa fa-angle-down"></i>
													</div>
													<div class="mb-4 icobox size_16">
														<svg class="ico color-primary"><use xlink:href="/images/svg/main-sprite.svg#info"></use></svg>
														Changes will be applied
													</div>
													<div class="icobox size_16">
														<ul class="list-unstyled list-unstyled-4">
															<li class="collapser-body">1. Product will receive log entry: Help requested from Seller</li>
															<li class="collapser-body">2. Product will be moved to page: Problem products</li>
															<li>3. Seller: <strong>Andrus Vaal</strong> will be notified</li>
														</ul>
													</div>
												</div>
											</div>
											<button class="btn btn-primary disabled js-reason-button">Save changes</button>
										</div><!--.col-->
									</div>
								</div>
							</div>
						</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-link"><a href="#"><strong>1</strong></a></td>
					</tr>
					</tbody>
				</table>
			</div>

		</div>
	</div>

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