{% extends '../_layouts/_main.twig' %}
{% block content %}
	<div class="panel panel-tabs">
		<ul class="nav nav-tabs nav-tabs_b">
			<li>
				<a href="unprocessed.html">Необработанные заявки по VIN (54)</a>
			</li>
			<li class="active">
				<span>Обработанные</span>
			</li>
		</ul>
		<div class="panel-body">

			<div class="cp-vinRequest">
				<div class="flex-row row-16 cp-vinRequest-filter">
					<div class="flex-col-auto">
						<div class="form-group min-w-150">
							<div class="form-label">Статус</div>
							<div class="form-field">
								<select class="form-control selectpicker" data-container="body">
									<option selected>Все</option>
									<option>Подходит</option>
									<option>Замена</option>
									<option>Частично</option>
									<option>Возврат</option>
								</select>
							</div>
						</div>
					</div>
					{#<div class="flex-col-auto">
						<div class="filter__search">
							<div class="form-group">
								<div class="form-field">
									<input class="form-control" type="text" value="" />
								</div>
								<div class="form-btn">
									<button class="btn btn-primary" type="submit">Найти</button>
								</div>
							</div>
						</div>
					</div>#}
					{#<div class="flex-col-auto">
						<div class="filter__status">
							<div class="form-group">
								<div class="form-label">Статус</div>
								<div class="form-field">
									<select class="form-control selectpicker" data-container="body" title="Все">
										<option>Все</option>
										<option>Подходит</option>
										<option>Замена</option>
										<option>Отмена</option>
										<option>Частично</option>
									</select>
								</div>
							</div>
						</div>
					</div>#}
					<div class="flex-col-auto ml-auto"></div>
					{#<div class="flex-col-auto">
						<div class="filter__column">
							<div class="form-group">
								<div class="form-label">Показать колонки</div>
								<div class="form-field">
									<select class="form-control selectpicker" data-container="body" multiple title="Выберите...">
										<option selected>Создан</option>
										<option selected>Клиент</option>
										<option>Цена</option>
										<option selected>Страна</option>
										<option>Запчасти</option>
										<option>Статус</option>
									</select>
								</div>
							</div>
						</div>
					</div>#}
					<div class="flex-col-auto">
						<div class="form-group min-w-275">
							<div class="form-label">Сортировать по</div>
							<div class="form-field">
								<select class="form-control selectpicker" data-container="body">
									<option selected>Отправка заказа ↓</option>
									<option>Отправка заказа ↑</option>
									<option>Заявка обработана ↓</option>
									<option>Заявка обработана ↑</option>
								</select>
							</div>
						</div>
					</div>
				</div>
				<div class="cp-vinRequest-table">
					<table class="table-requests">
						<thead>
						<tr>
							<th>Отправка заказа</th>
							<th>Заявка обработана</th>
							<th>Заказ, Клиент</th>
							<th>Статус</th>
							<th class="text-right text-nowrap">Цена, eur</th>
							<th>Страна</th>
							<th>Запчасти</th>
							<th>Админ</th>
							<th>Редактировать</th>
						</tr>
						</thead>
						{% set requestList = [{
							'id'            : 1,
							'order'         : '33267904',
							'client'        : 'MONOTEX',
							'price'         : '24.59',
							'country'       : {
								'iso'       : 'ee',
								'label'     : 'Estonia'
							},
							'spareParts'    : 'Защитная плёнка; Рамка номерного знака',
							'status'        : {
								'id'        : 'success',
								'label'     : 'Подходит'
							},
							'admin'         : 'D.Zujev',
							'params' : {
								'message'   : {
									'reason' : 'C'
								}
							}
						},{
							'id'            : 2,
							'order'         : '33267905',
							'client'        : '358445251117',
							'price'         : '112.35',
							'country'       : {
								'iso'       : 'fi',
								'label'     : 'Finland'
							},
							'spareParts'    : 'Крыло TONG YANG; Крыло; Амортизатор капота/багажника EU',
							'status'        : {
								'id'        : 'warning',
								'label'     : 'Замена'
							},
							'admin'         : 'S.Amundsen',
							'params' : {
								'hasError' : true,
								'message'   : {
									'reason' : 'C'
								}
							}
						},{
							'id'            : 3,
							'order'         : '34590348',
							'client'        : 'Marek Ots',
							'price'         : '24.59',
							'country'       : {
								'iso'       : 'ee',
								'label'     : 'Estonia'
							},
							'spareParts'    : 'Датчик, частота вращения колеса TRISCAN 8180 11252; Генератор LUCAS ELECTRICAL LRA03683',
							'status'        : {
								'id'        : 'success',
								'label'     : 'Подходит'
							},
							'admin'         : 'P.Bagshaw',
							'params' : {
								'message'   : {
									'reason' : 'Y'
								}
							}
						},{
							'id'            : 4,
							'order'         : '52511173',
							'client'        : 'PAINT SYSTEM ÕU',
							'price'         : '112.35',
							'country'       : {
								'iso'       : 'fi',
								'label'     : 'Finland'
							},
							'spareParts'    : 'Крыло TONG YANG; Крыло; Амортизатор капота/багажника EU 	',
							'status'        : {
								'id'        : 'danger',
								'label'     : 'Отмена'
							},
							'admin'         : 'S.Amundsen',
							'params' : {
								'message'   : {
									'reason' : 'N'
								}
							}
						},{
							'id'            : 5,
							'order'         : '79043326',
							'client'        : 'RAUNO',
							'price'         : '24.59',
							'country'       : {
								'iso'       : 'ee',
								'label'     : 'Estonia'
							},
							'spareParts'    : 'Защитная плёнка; Рамка номерного знака',
							'status'        : {
								'id'        : 'danger',
								'label'     : 'Отмена'
							},
							'admin'         : 'S.Amundsen',
							'params' : {
								'message'   : {
									'reason' : 'C'
								}
							}
						},{
							'id'            : 6,
							'order'         : '26332679',
							'client'        : 'Lazar',
							'price'         : '112.35',
							'country'       : {
								'iso'       : 'fi',
								'label'     : 'Finland'
							},
							'spareParts'    : 'Крыло TONG YANG; Крыло; Амортизатор капота/багажника EU',
							'status'        : {
								'id'        : 'black',
								'label'     : 'Частично'
							},
							'admin'         : 'P.Bagshaw',
							'params' : {
								'message'   : {
									'reason' : 'Y'
								}
							}
						},{
							'id'            : 7,
							'order'         : '33267904',
							'client'        : 'MONOTEX',
							'price'         : '24.59',
							'country'       : {
								'iso'       : 'ee',
								'label'     : 'Estonia'
							},
							'spareParts'    : 'Датчик, частота вращения колеса TRISCAN 8180 11252; Генератор LUCAS ELECTRICAL LRA03683',
							'status'        : {
								'id'        : 'success',
								'label'     : 'Подходит'
							},
							'admin'         : 'D.Zujev',
							'params' : {
								'message'   : {
									'reason' : 'N'
								}
							}
						},{
							'id'            : 8,
							'order'         : '33267905',
							'client'        : '358445251117',
							'price'         : '112.35',
							'country'       : {
								'iso'       : 'fi',
								'label'     : 'Finland'
							},
							'spareParts'    : 'Крыло TONG YANG; Крыло; Амортизатор капота/багажника EU 	',
							'status'        : {
								'id'        : 'warning',
								'label'     : 'Замена'
							},
							'admin'         : 'P.Bagshaw',
							'params' : {
								'message'   : {
									'reason' : 'Y'
								}
							}
						},{
							'id'            : 9,
							'order'         : '33267904',
							'client'        : 'MONOTEX',
							'price'         : '24.59',
							'country'       : {
								'iso'       : 'ee',
								'label'     : 'Estonia'
							},
							'spareParts'    : 'Защитная плёнка; Рамка номерного знака',
							'status'        : {
								'id'        : 'success',
								'label'     : 'Подходит'
							},
							'admin'         : 'S.Amundsen',
							'params' : {
								'hasError'  : true,
								'message'   : {
									'reason' : 'C'
								}
							}
						},{
							'id'            : 10,
							'order'         : '33267905',
							'client'        : '358445251117',
							'price'         : '112.35',
							'country'       : {
								'iso'       : 'fi',
								'label'     : 'Finland'
							},
							'spareParts'    : 'Крыло TONG YANG; Крыло; Амортизатор капота/багажника EU 	',
							'status'        : {
								'id'        : 'success',
								'label'     : 'Подходит'
							},
							'admin'         : 'D.Zujev',
							'params' : {
								'message'   : {
									'reason' : 'Y'
								}
							}
						}] %}
						{% for item in requestList %}
							<tbody class="--modifiable --modifiable_fix{% if loop.index == 2 %} in{% endif %}">
								<tr>
									<td>
										{% if loop.index % 2 %}
											<div class="text-nowrap  color-success">18.04.22 15:17</div>
										{% elseif loop.index == 4 %}
											<div class="text-nowrap color-danger">21.04.22 15:17</div>
										{% else %}
											<div class="text-nowrap">20.04.22 15:17</div>
										{% endif %}
									</td>
									<td>
										<div class="text-nowrap">
											20.04.22 12:00
										</div>
									</td>
									<td><a href="#">{{ item.order }}</a>, {{ item.client }}</td>
									<td><span class="text-nowrap"><i class="fa fa-circle mr-6 color-{{ item.status.id }}"></i>{{ item.status.label }}</span></td>
									<td class="text-right">{{ item.price }}</td>
									<td>
										<span class="icobox size_16 pl-24">
											<i class="ico"><img class="center flag-shadow" src="/images/flag/{{ item.country.iso }}.png" alt="" /></i>
											{{ item.country.label }}
										</span>
									</td>
									<td>{{ item.spareParts }}</td>
									<td>{{ item.admin }}</td>
									<td>
										<a href="#" class="btn btn-info visible-on --modifiable-toggle"><strong>Редактировать</strong></a>
										<a href="#" class="trash-link visible-off --modifiable-toggle">Закрыть <i class="closer inline size_12"></i></a>
									</td>
								</tr>
								<tr class="tr-hide">
									<td class="table-requests-form" colspan="9">
										{% include '_parts/_processed-spares.twig' with {'id' : item.id, 'params' : item.params, 'status' : item.status.label} %}
									</td>
								</tr>
							</tbody>
						{% endfor %}
					</table>
				</div>
			</div>

		</div>
	</div>
{% endblock %}
{% block modals %}
	<div class="modal fade" id="modal-mail-preview" tabindex="-1" role="dialog" aria-labelledby="modal-mail-preview">
		<div class="modal-dialog modal-lg" role="document">
			<div class="modal-content">
				<a href="#" class="cross" data-dismiss="modal"></a>
				<div class="modal-body">

					{% include '../../mail/vin-checker.twig' %}

				</div>
			</div>
		</div>
	</div>
{% endblock %}