{% extends '../_layouts/_main.twig' %}
{% block content %}
	<div class="mb-8">
		<a href="#" class="invert-link"><i class="fa fa-angle-double-left"></i> Назад</a>
	</div>
	<div class="mb-8 flex-row align-items-center">
		<div class="mb-8 flex-col-auto">
			<h1 class="m-0 lh-1">Заявка на возврат 000006</h1>
		</div>
		<div class="mb-8 flex-col-auto">
			<span class="label label-warning">Необработана</span>
			<span class="label label-secondary">Экспертиза</span>
			<span class="label label-danger">Отклонена</span>
			<span class="label label-success">Одобрена</span>
		</div>
	</div>

	<div class="panel panel-tabs">
		<div class="panel-body">

			<div class="flex-row">
				<div class="mb-20 flex-col-12 flex-col-lg-7">
					<h5>Общие данные по заявке</h5>
					<table class="table table-striped">
						<tbody>
						<tr>
							<td><strong>Дата создания заявки:</strong></td>
							<td>14.11.2019 (3 дней назад)</td>
						</tr>
						<tr>
							<td><strong>Cоздатель заявки:</strong></td>
							<td>Jarmo Varjonen</td>
						</tr>
						<tr>
							<td><strong>Клиент:</strong></td>
							<td><a href="#">Jarmo Varjonen</a></td>
						</tr>
						<tr>
							<td><strong>E-mail для связи:</strong></td>
							<td>jarmo.varjonen@sovatek.fi</td>
						</tr>
						<tr>
							<td><strong>Заказ:</strong></td>
							<td><a href="#">9849234</a></td>
						</tr>
						<tr>
							<td><strong>Доставка:</strong></td>
							<td>31.07.2019 09:51 - Заказ принят (55 дней назад)</td>
						</tr>
						<tr>
							<td><strong>Трекинг:</strong></td>
							<td>-</td>
						</tr>
						</tbody>
					</table>

					<br />

					<h5>Последнее принятое решение по заявке</h5>
					<table class="table table-striped">
						<tbody>
						<tr>
							<td><strong>Решение:</strong></td>
							<td>-</td>
						</tr>
						<tr>
							<td><strong>Дата принятия решения:</strong></td>
							<td>-</td>
						</tr>
						<tr>
							<td><strong>Админ:</strong></td>
							<td>-</td>
						</tr>
						<tr>
							<td><strong>Причина:</strong></td>
							<td>-</td>
						</tr>
						<tr>
							<td><strong>Объяснение:</strong></td>
							<td>-</td>
						</tr>
						<tr>
							<td><strong>Вложения:</strong></td>
							<td>-</td>
						</tr>
						</tbody>
					</table>
				</div>
				<div class="mb-20 flex-col-12 flex-col-lg-5">
					<h5>Другие заявки из этого заказа</h5>
					<table class="table table-striped">
						<thead class="thead-dark">
						<tr>
							<td><strong>Заявка</strong></td>
							<td><strong>Создан</strong></td>
							<td><strong>Статус</strong></td>
						</tr>
						</thead>
						<tbody>
						<tr>
							<td><a href="#">000002</a></td>
							<td>23.08.2020 Denis Komarov</td>
							<td>Необработана</td>
						</tr>
						<tr>
							<td><a href="#">000003</a></td>
							<td>13.07.2020 Auto- ja peltikorjaamo Alhonmäki</td>
							<td>Одобрена</td>
						</tr>
						<tr>
							<td><a href="#">000004</a></td>
							<td>13.07.2020 Auto- ja peltikorjaamo Alhonmäki</td>
							<td>Отклонена</td>
						</tr>
						<tr>
							<td><a href="#">000002</a></td>
							<td>23.08.2020 Denis Komarov</td>
							<td>Необработана</td>
						</tr>
						<tr>
							<td><a href="#">000003</a></td>
							<td>13.07.2020 Auto- ja peltikorjaamo Alhonmäki</td>
							<td>Одобрена</td>
						</tr>
						<tr>
							<td><a href="#">000004</a></td>
							<td>13.07.2020 Auto- ja peltikorjaamo Alhonmäki</td>
							<td>Отклонена</td>
						</tr>
						<tr>
							<td><a href="#">000002</a></td>
							<td>23.08.2020 Denis Komarov</td>
							<td>Необработана</td>
						</tr>
						<tr>
							<td><a href="#">000003</a></td>
							<td>13.07.2020 Auto- ja peltikorjaamo Alhonmäki</td>
							<td>Одобрена</td>
						</tr>
						<tr>
							<td><a href="#">000004</a></td>
							<td>13.07.2020 Auto- ja peltikorjaamo Alhonmäki</td>
							<td>Отклонена</td>
						</tr>
						</tbody>
					</table>
				</div>
			</div>

			<div class="mb-20">
				<table class="table table-no-highlight">
					<thead class="thead-dark">
					<tr>
						<td colspan="2"><strong>Товар</strong></td>
						<td><strong>Spare</strong></td>
						<td><strong>Item</strong></td>
						<td><strong>Supplier</strong></td>
						<td><strong>Полка</strong></td>
						<td class="text-right"><strong>Цена за ед.</strong></td>
						<td class="text-right"><strong>Скидка</strong></td>
						<td class="text-right"><strong>Цена</strong></td>
					</tr>
					</thead>
					<tbody>
					<tr class="highlight-warning-light">
						<td style="width: 80px;">
							<img src="https://tecdoc-new.alpics.info/pics/257/MA-00619_1.JPG" alt="" width="80" />
						</td>
						<td>
							<strong>Амортизатор JAPANPARTS MM-00307</strong>
							<br />Mercedes-Benz SPRINTER (208-414), 01.1995 - 03.2000
						</td>
						<td><a href="#">AL23401616</a></td>
						<td><a href="#">U2367105</a></td>
						<td>BALTI AUTOOSAD</td>
						<td>NONE</td>
						<td class="text-right">58.90</td>
						<td class="text-right">
							-6.78
							<div class="color-gray">11.5%</div>
						</td>
						<td class="text-right">52.12</td>
					</tr>
					</tbody>
				</table>
			</div>

			<div class="mb-20 max-w-750">
				<h5>Комментарий Клиента</h5>
				<table class="table table-striped">
					<tbody>
					<tr>
						<td>
							<strong>Оригинал</strong>
						</td>
						<td>
							Iskarit pitävät pauketta ääntä ja tärinää. lonksuvat välillä.
						</td>
					</tr>
					</tbody>
				</table>
				<div class="mb-8"></div>
				<div class="collapse"></div>
				<div class="collapser">
					<div class="collapser-hidden">
						<a href="#" class="invert-link collapser-link">Добавить перевод</a>
					</div>
					<div class="collapser-body">
						<form action="">
							<div class="mb-16 form-group">
								<div class="form-field">
									<select class="form-control">
										<option value="Выбери язык перевода">Выбери язык перевода</option>
										<option value="Русский">Русский</option>
										<option value="Эстонский">Эстонский</option>
										<option value="Английский">Английский</option>
									</select>
								</div>
							</div>
							<div class="mb-16 form-group">
								<div class="form-field">
									<textarea class="form-control" cols="" rows="5"></textarea>
								</div>
							</div>
							<div class="flex-row row-16 justify-content-end">
								<div class="flex-col-auto">
									<button type="submit" class="btn btn-primary">Добавить перевод</button>
								</div>
								<div class="flex-col-auto">
									<a href="#" class="btn btn-default collapser-link">Отменить</a>
								</div>
							</div>
						</form>
					</div>
				</div>
			</div>

			<div class="mb-20 max-w-750">
				<h5>Данные заявки</h5>
				<table class="table table-striped">
					<tbody>
					<tr>
						<td><strong>Тип заявки</strong></td>
						<td>Претензия</td>
					</tr>
					<tr>
						<td><strong>Суть заявки</strong></td>
						<td>После установки, у товара был выявлен изъян</td>
					</tr>
					<tr>
						<td><strong>Рег. номер автомобиля</strong></td>
						<td>bvg-675</td>
					</tr>
					<tr>
						<td><strong>VIN код</strong></td>
						<td>WDB9036631R880389</td>
					</tr>
					<tr>
						<td><strong>Марка</strong></td>
						<td>Mercedes-Benz</td>
					</tr>
					<tr>
						<td><strong>Модель</strong></td>
						<td>SPRINTER 3-t Umpikori (903) 316 CDI</td>
					</tr>
					<tr>
						<td><strong>Дата выпуска</strong></td>
						<td>2006</td>
					</tr>
					<tr>
						<td><strong>Тип двигателя</strong></td>
						<td>Diesel</td>
					</tr>
					<tr>
						<td><strong>Объем двигателя (cm3)</strong></td>
						<td>2685</td>
					</tr>
					<tr>
						<td><strong>Мощность (kW)</strong></td>
						<td>115</td>
					</tr>
					<tr>
						<td><strong>Установщик товара</strong></td>
						<td></td>
					</tr>
					<tr>
						<td><strong>Дата установки</strong></td>
						<td>2.11-2019</td>
					</tr>
					<tr>
						<td><strong>Пробег в момент установки (km)</strong></td>
						<td>184766</td>
					</tr>
					<tr>
						<td><strong>Пробег в момент выявления изъяна (km)</strong></td>
						<td>185416</td>
					</tr>
					<tr>
						<td><strong>Вложения</strong></td>
						<td></td>
					</tr>
					<tr>
						<td><strong>Требование Клиента</strong></td>
						<td>Заменить товар новым</td>
					</tr>
					<tr>
						<td><strong>SWIFT</strong></td>
						<td>Fi68 1281 5000 1115 15</td>
					</tr>
					<tr>
						<td><strong>IBAN</strong></td>
						<td></td>
					</tr>
					<tr>
						<td><strong>Товар будет возвращен службой</strong></td>
						<td>Сам</td>
					</tr>
					</tbody>
				</table>
				<div class="mb-16"></div>
				<div class="multicollapse">
					<div class="flex-row row-16">
						<div class="flex-col-auto">
							<a href="#multicollapse-a" class="btn btn-primary" data-toggle="multicollapse" aria-expanded="false">Отклонить</a>
						</div>
						<div class="flex-col-auto">
							<a href="#multicollapse-b" class="btn btn-primary" data-toggle="multicollapse" aria-expanded="false">Одобрить</a>
						</div>
						<div class="flex-col-auto">
							<a href="#modal-cp-expertise" class="btn btn-primary" data-toggle="modal">Отправить на экспертизу</a>
						</div>
						<div class="flex-col-auto">
							<a href="#" class="btn btn-default">Создать кр.счёт</a>
						</div>
					</div>
					<div id="multicollapse-a" class="multicollapse-body">
						<div class="mb-12"></div>
						<form action="" class="max-w-500">
							<div class="mb-12 form-group">
								<div class="form-label">Выбрать причину отклонения заявки</div>
								<div class="form-field">
									<select class="form-control">
										<option value="Причина не выбрана">Причина не выбрана</option>
										<option value="Экспертиза отклонила заявку">Экспертиза отклонила заявку</option>
										<option value="Купленный товар полностью соответствует VIN коду автомобиля">Купленный товар полностью соответствует VIN коду автомобиля</option>
										<option value="Предоставлены не все данные">Предоставлены не все данные</option>
										<option value="Предоставленные данные не верны">Предоставленные данные не верны</option>
										<option value="...">...</option>
									</select>
								</div>
							</div>
							<div class="mb-12 form-group">
								<div class="form-label">Дать объяснение принятому решению</div>
								<div class="form-field">
									<textarea class="form-control" cols="" rows="5" placeholder="Предоставь доказательства причины отклонения заявки (твой комментарий будет отправлен Клиенту)"></textarea>
								</div>
							</div>
							<div class="mb-12 form-group">
								<div class="form-label">Загрузить документы или фотографии</div>
								<div class="form-field">
									<div class="fileUploader style-a disabled">
										<input type="file" value="1" />
										<div class="fileUploader__btn">
											<a href="#">Выберите файл</a>
										</div>
										<div class="fileUploader__field">
											<input type="text" value="" placeholder="или перетащите его сюда" />
										</div>
									</div>
									<ul class="fileUploader-list hide">
										<li><a href="#">alvadi.ee_return_invoice_9705_2020_03_30_12_37_12.pdf</a> <a href="#" class="remove disabled"><i class="fa fa-trash"></i></a></li>
										<li><a href="#">alvadi reklamaatio Volvo.doc</a> <a href="#" class="remove disabled"><i class="fa fa-trash"></i></a></li>
									</ul>
								</div>
							</div>
							<div class="flex-row row-16 justify-content-end">
								<div class="flex-col-auto">
									<button type="submit" class="btn btn-primary" onclick="return confirm('Внимание! Ты уверен, что хочешь отклонить заявку? Твой комментарий и вложения будут отправлены клиенту на почту.')">Отклонить заявку</button>
								</div>
								<div class="flex-col-auto">
									<a href="#multicollapse-a" class="btn btn-primary" data-toggle="multicollapse">Отменить</a>
								</div>
							</div>
						</form>
					</div>
					<div id="multicollapse-b" class="multicollapse-body">
						<div class="mb-12"></div>
						<form action="" class="max-w-500">
							<div class="mb-12 form-group">
								<div class="form-label">Указать причину одобрения заявки</div>
								<div class="form-field">
									<input class="form-control" type="text" value="" placeholder="Необязательно" />
								</div>
							</div>
							<div class="mb-12 form-group">
								<div class="form-label">Дать объяснение принятому решению</div>
								<div class="form-field">
									<textarea class="form-control" cols="" rows="5" placeholder="Необязательный комментарий"></textarea>
								</div>
							</div>
							<div class="flex-row row-16 justify-content-end">
								<div class="flex-col-auto">
									<button type="submit" class="btn btn-primary" onclick="return confirm('Внимание! Ты уверен, что хочешь одобрить заявку?')">Одобрить заявку</button>
								</div>
								<div class="flex-col-auto">
									<a href="#multicollapse-a" class="btn btn-primary" data-toggle="multicollapse">Отменить</a>
								</div>
							</div>
						</form>
					</div>
				</div>
			</div>

			<div>
				<h5>Лог заявки</h5>
				<table class="table table-striped">
					<thead class="thead-dark">
					<tr>
						<th><strong>Статус</strong></th>
						<th><strong>Дата лога</strong></th>
						<th><strong>Событие</strong></th>
						<th><strong>Админ / Клиент</strong></th>
						<th><strong>Файл</strong></th>
						<th><strong>Комментарий</strong></th>
					</tr>
					</thead>
					<tbody>
					<tr>
						<td class="highlight-secondary">Экспертиза</td>
						<td>2020-01-22 17:16:42</td>
						<td>Изменен статус заявки</td>
						<td>Andrei Plenjov</td>
						<td><a href="#">AutomaticallyGeneratedclaimFormToSupplier.pdf</a></td>
						<td>return_id: 9751</td>
					</tr>
					<tr>
						<td class="highlight-warning">Необработана</td>
						<td>2020-01-22 17:16:42</td>
						<td>Возврат получен</td>
						<td>Виктория</td>
						<td></td>
						<td>см. https://alvadi.ee/panel/items_back_to_stock.php</td>
					</tr>
					<tr>
						<td class="highlight-warning">Необработана</td>
						<td>2020-01-22 17:16:42</td>
						<td>Добавлен перевод</td>
						<td>Raiko Loor</td>
						<td></td>
						<td>Здесь текст перевода</td>
					</tr>
					</tbody>
				</table>
			</div>

		</div>
	</div>
{% endblock %}
{% block modals %}
	<div class="modal fade" id="modal-cp-expertise" tabindex="-1" role="dialog" aria-labelledby="modal-cp-expertise">
		<div class="modal-dialog modal-lg" role="document">
			<div class="modal-content">
				<a href="#" class="cross" data-dismiss="modal"></a>
				<div class="modal-header">
					Возврат товара поставщику на alvadi.ee
				</div>
				<form action="">
					<div class="modal-body">
						<div class="flex-row row-16 align-items-center">
							<div class="flex-col-auto">Возврат:</div>
							<div class="flex-col-auto min-w-250">
								<select class="form-control">
									<option value="">Новый возврат</option>
									<option value="">Новый возврат</option>
									<option value="">Новый возврат</option>
								</select>
							</div>
						</div>
						<div class="mb-16"></div>
						<table class="table">
							<thead class="thead-dark">
							<tr>
								<th><strong>spare_id</strong></th>
								<th><strong>item_id</strong></th>
								<th><strong>Артикул</strong></th>
								<th><strong>Поставщик</strong></th>
								<th><strong>Товар</strong></th>
								<th><strong>Проформа</strong></th>
								<th class="text-right"><strong>Закупка</strong></th>
								<th><strong>Причина</strong></th>
							</tr>
							</thead>
							<tbody>
							<tr>
								<td>AL23401616</td>
								<td>U2367105</td>
								<td>MM-00307</td>
								<td>BALTI-AUTOOSAD</td>
								<td>Амортизатор</td>
								<td>3967039</td>
								<td class="text-right">22.11</td>
								<td>После установки выявлен изъян</td>
							</tr>
							</tbody>
						</table>
						<div class="mb-24"></div>
						<ul class="list-inline list-inline-8">
							<li>
								<button type="submit" class="btn btn-primary">Оформить возврат <i class="fa fa-angle-double-right"></i></button>
							</li>
							<li>
								<button type="button" class="btn btn-default" data-dismiss="modal">Отмена</button>
							</li>
						</ul>
					</div>
				</form>
			</div>
		</div>
	</div>
{% endblock %}