{% extends '../_layouts/_main.twig' %}
{% block content %}
	<div class="panel panel-tabs">
		<div class="panel-body">

			<div class="mb-16 flex-row row-16 align-items-end">
				<div class="flex-col-12 flex-col-sm">
					<div class="mb-12 form-group">
						<div class="form-label fs-11 ellipsis">Дата подачи заявки</div>
						<div class="form-field-line">
							<div class="form-field">
								<div class="form-field__icon js-datepicker-ico"><i class="fa fa-calendar fs-13 fs-lg-16 color-gray"></i></div>
								<input class="form-control datepicker" type="text" value="" data-datepicker-options="autoApply: true; singleDatePicker: true; format: D.MM.Y;" />
							</div>
							<div class="form-field-separate">&mdash;</div>
							<div class="form-field">
								<div class="form-field__icon js-datepicker-ico"><i class="fa fa-calendar fs-13 fs-lg-16 color-gray"></i></div>
								<input class="form-control datepicker" type="text" value="" data-datepicker-options="autoApply: true; singleDatePicker: true; format: D.MM.Y;" />
							</div>
						</div>
					</div>
				</div>
				<div class="flex-col-6 flex-col-lg-4 flex-col-xl">
					<div class="mb-12 form-group">
						<div class="form-label fs-11 ellipsis">Тип заявки</div>
						<div class="form-field">
							<select class="form-control">
								<option value="">Все</option>
								<option value="">Возврат 14 дней</option>
								<option value="">Претензия</option>
							</select>
						</div>
					</div>
				</div>
				<div class="flex-col-6 flex-col-lg-4 flex-col-xl">
					<div class="mb-12 form-group">
						<div class="form-label fs-11 ellipsis">Суть заявки / форма</div>
						<div class="form-field">
							<select class="form-control">
								<option>Все</option>
								<option>Следы установки</option>
								<option>Некомплектный товар</option>
								<option>Сломанный товар</option>
								<option>Не тот товар / не подошел</option>
								<option>После установки выявлен изъян</option>
							</select>
						</div>
					</div>
				</div>
				<div class="flex-col-6 flex-col-lg-4 flex-col-xl">
					<div class="mb-12 form-group">
						<div class="form-label fs-11 ellipsis">Требование Клиента</div>
						<div class="form-field">
							<select class="form-control">
								<option>Все</option>
								<option>Вернуть деньги</option>
								<option>Заменить товар новым</option>
								<option>Оставить деньги</option>
							</select>
						</div>
					</div>
				</div>
				<div class="flex-col-6 flex-col-lg-4 flex-col-xl">
					<div class="mb-12 form-group">
						<div class="form-label fs-11 ellipsis">Статус</div>
						<div class="form-field">
							<select class="form-control">
								<option>Все</option>
								<option>Необработана</option>
								<option>Одобрена</option>
								<option>Отклонена</option>
								<option>Экспертиза</option>
								<option>Удалена</option>
							</select>
						</div>
					</div>
				</div>
				<div class="flex-col-6 flex-col-lg-4 flex-col-xl">
					<div class="mb-12 form-group">
						<div class="form-label fs-11 ellipsis">Полка</div>
						<div class="form-field">
							<select class="form-control">
								<option>Все</option>
								<option>Есть</option>
								<option>Нет</option>
							</select>
						</div>
					</div>
				</div>
				<div class="flex-col-auto">
					<div class="mb-12">
						<button class="btn btn-primary">Показать</button>
					</div>
				</div>
			</div>

			<div class="scroller-x">
				<table class="table fs-11">
					<thead class="thead-dark">
					<tr>
						<th>Заявка</th>
						<th>Создан</th>
						<th>Заказ</th>
						<th>Тип заявки</th>
						<th>Суть заявки / форма</th>
						<th>Spare</th>
						<th>Item</th>
						<th>Полка</th>
						<th class="text-right">Цена</th>
						<th>Требование Клиента</th>
						<th>Last updated</th>
						<th class="text-center">Статус</th>
					</tr>
					</thead>
					<tbody>
					{% for i in 1..3 %}
					<tr>
						<td>0000001</td>
						<td>30.03.2020 Urmas Niidas</td>
						<td><a href="#">3104923</a></td>
						<td>Возврат 14 дней</td>
						<td>---</td>
						<td><a href="#">AL13432992</a></td>
						<td><a href="#">U2518083</a></td>
						<td>na sklad</td>
						<td class="text-right">62.70</td>
						<td>Оставить деньги</td>
						<td>16.04.2020</td>
						<td class="highlight-success text-center">Одобрена</td>
					</tr>
					<tr>
						<td>0000002</td>
						<td>21.01.2020 Raiko Loor</td>
						<td><a href="#">3017343</a></td>
						<td>Претензия</td>
						<td>Не тот товар / не подошел</td>
						<td><a href="#">AL162976</a></td>
						<td><a href="#">U2599643</a></td>
						<td>P1J2-4</td>
						<td class="text-right">94.02</td>
						<td>Вернуть деньги</td>
						<td>16.04.2020</td>
						<td class="highlight-danger text-center">Отклонена</td>
					</tr>
					<tr>
						<td>0000003</td>
						<td>09.09.2019 Raiko Loor</td>
						<td><a href="#">2415418</a></td>
						<td>Претензия</td>
						<td>После установки выявлен изъян</td>
						<td><a href="#">AL75534</a></td>
						<td><a href="#">U1915336</a></td>
						<td>NONE</td>
						<td class="text-right">68.00</td>
						<td>Заменить товар новым</td>
						<td>16.04.2020</td>
						<td class="highlight-secondary text-center">Экспертиза</td>
					</tr>
					<tr>
						<td>0000004</td>
						<td>02.04.2020 Andrei Pletnjov</td>
						<td><a href="#">3089047</a></td>
						<td>Претензия</td>
						<td>Сломанный товар</td>
						<td><a href="#">AL30776455</a></td>
						<td><a href="#">U2700327</a></td>
						<td>NONE</td>
						<td class="text-right">38.65</td>
						<td>Оставить деньги</td>
						<td>16.04.2020</td>
						<td class="highlight-warning text-center">Необработана</td>
					</tr>
					<tr>
						<td>0000005</td>
						<td>02.04.2020 Andrei Pletnjov</td>
						<td><a href="#">3089047</a></td>
						<td>Претензия</td>
						<td>Следы установки</td>
						<td><a href="#">AL30776455</a></td>
						<td><a href="#">U2700327</a></td>
						<td>NONE</td>
						<td class="text-right">38.65</td>
						<td>Оставить деньги</td>
						<td>16.04.2020</td>
						<td class="highlight-warning text-center">Необработана</td>
					</tr>
					{% endfor %}
					</tbody>
				</table>
			</div>

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