{% 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-filter">
			<div class="row row-16">
				<div class="col-xs-12 col-lg-3">
					<div class="row row-16">
						<div class="col-xs-12 col-sm-6">
							<div class="form-group">
								<div class="form-label">Payment status</div>
								<div class="form-field watcher">
									<select class="form-control selectpicker" name="billType" data-container="body" multiple>
										<option value="1">Paid</option>
										<option value="2">Invoice</option>
										<option value="3">Sent</option>
									</select>
								</div>
							</div>
						</div><!--.col-->
						<div class="col-xs-12 col-sm-6">
							<div class="form-group">
								<div class="form-label">Admin</div>
								<div class="form-field watcher">
									<select class="form-control selectpicker" 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>
								</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 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>
							<strong class="color-danger" title="Товар по спецзаказу! У Покупателя нет права вернуть этот товар в течение 14-ти календарных дней с момента получения товара! Товары с пометкой 'Спецзаказ' заказываются напрямую у завода-изготовителя и возврату не подлежат">Спецзаказ</strong>
						</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"><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#cross-round"></use></svg></a></td>
						<td class="td-link"><a href="#"><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="#">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>
							<strong class="color-danger" title="Товар по спецзаказу! У Покупателя нет права вернуть этот товар в течение 14-ти календарных дней с момента получения товара! Товары с пометкой 'Спецзаказ' заказываются напрямую у завода-изготовителя и возврату не подлежат">Спецзаказ</strong>
						</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>
	</div>

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