{% 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>
				<a href="awaiting.html">Awaiting products</a>
			</li>
			<li>
				<a href="delayed.html">Delayed products (32)</a>
			</li>
			<li class="active">
				<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 problem products: 17</strong>
			</div>

			<div class="scroller-x">
				<table class="cpap-table">
					<thead>
					<tr>
						<th>Order</th>
						<th>Pending</th>
						<th>Admin</th>
						<th>Spare</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>
							<span class="icobox size_16">
								<i class="ico fa fa-comment color-gray"></i>
								Purchase manager
							</span>
						</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>15m</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><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><span class="cpap-table__product-name text-shorter-tooltip"><span>I can't find analogue</span></span></td>
						<td class="td-link"></td>
						<td class="td-success td-link"><a href="#"><svg class="d-block" width="16" height="16"><use xlink:href="/images/svg/main-sprite.svg#success"></use></svg></a></td>
						<td class="td-link"><a href="#"><strong>0</strong></a></td>
					</tr>
					<tr>
						<td class="td-success" colspan="16">
							<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>
											Analogue rejected
										</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">
														<!--<i class="ico fa fa-info-circle color-primary"></i>-->
														<svg class="ico color-primary"><use xlink:href="/images/svg/main-sprite.svg#info"></use></svg>
														Changes will be applied
													</div>
													<div class="collapser-body">
														<div class="icobox size_16">
															<ul class="list-unstyled list-unstyled-4">
																<li>1. Credit note / cancel will be created for a product</li>
																<li>2. Product will receive log entry: Refused</li>
																<li>3. Product will be moved to page: Refused products or Lost products</li>
																<li>4. Order shipping date may be updated</li>
															</ul>
														</div>
													</div>
												</div>
											</div>

											<a href="#" class="muted-link"><i class="fa fa-undo"></i> Revert changes for this product</a>

										</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="#">2715777</a>
							</div>
						</td>
						<td>1d 22h 1m</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><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">21.05.10 12:45</td>
						<td><span class="cpap-table__product-name text-shorter-tooltip"><span>Other reason: товар будет доступен только после того как америка снимет санкции с межгалактической корпорации</span></span></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-link"><a href="#"><svg class="d-block" width="16" height="16"><use xlink:href="/images/svg/main-sprite.svg#cross-round"></use></svg></a></td>
						<td class="td-link"><a href="#"><strong>2</strong></a></td>
					</tr>
					</tbody>
				</table>
			</div>

			<div class="mb-16"></div>
			<div class="panel panel-gray max-w-400">
				<div class="panel-body">
					<div class="mb-8 fs-14">You have processed all products in this order.</div>
					<a href="#" class="btn btn-success">Apply all changes</a>
				</div>
			</div><!--.panel-->


			<br />
			<br />
			<br />

			<a href="#" onclick="globalNotifyAdd('<i class=\'fa fa-exclamation-triangle\'></i> This product [AL23124] doesn\'t exist', 'alert-danger timer'); return false;">Первое тестовое сообщение</a>
			<br /><br />
			<a href="#" onclick="globalNotifyAdd('<i class=\'fa fa-exclamation-triangle\'></i> Product [AL23124] has been labelelled', 'alert-danger timer'); return false;">Второе тестовое сообщение</a>
			<br /><br />
			<a href="#" onclick="globalNotifyAdd('<i class=\'fa fa-exclamation-triangle\'></i> Someone has refused from product [AL23124, AL2314, AL 21747]', 'alert-danger timer'); return false;">Третье тестовое сообщение</a>

		</div>
	</div>

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