{% extends '../_layouts/_main.twig' %}
{% block content %}
	<h1>Отправка газа. Проверка лицнзий</h1>
	<div class="panel panel-tabs">
		<ul class="nav nav-tabs nav-tabs_b">
			<li><a href="#">Заказали, но не заполнили</a></li>
			<li><a href="a.html">Необработанные формы (54)</a></li>
			<li class="active"><a href="b.html">Обработанные</a></li>
		</ul>
		<div class="panel-body">

			<div class="cp-freon">
				<div class="cp-freon-filters">
					<form 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>
					</form>
				</div>

				<div class="mb-24"></div>

				<div class="cp-freon-table">
					<table>
						<thead>
						<tr>
							<th>Ожидает</th>
							<th>Заказ, Клиент</th>
							<th>Статус</th>
							<th class="text-right">Цена, eur</th>
							<th>Страна</th>
							<th>Газ</th>
							<th>Админ</th>
							<th>Редактировать</th>
						</tr>
						</thead>
						<tbody>
						{% for item in 1..10 %}
						<tr class="--modifiable --modifiable_fix{% if item == 3 %} in{% endif %}">
							<td>30d 18h 18m <div class="color-gray">13.04.21 13:44</div></td>
							<td><a href="#">33267904</a>, MONOTEX</td>
							<td>
								{% if item % 2 %}
									<i class="fa fa-circle color-success"></i> Одобрено
								{% else %}
									<i class="fa fa-circle color-danger"></i> Не одобрено
								{% endif %}
							</td>
							<td class="text-right">2344.59</td>
							<td><span class="icobox size_16 pl-24"><i class="ico"><img class="center flag-shadow" src="/images/flag/ee.png" alt=""></i>Estonia</span></td>
							<td>4* R134a (12 kg); 1* R404a (10 kg); 2* R407c (10 kg) </td>
							<td>S. Amundsen</td>
							<td>
								<a href="#" class="btn btn-sm 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 colspan="8">
								<div class="cp-freon-form">
									<div class="form__col">
										<div class="form-group">
											<div class="form-label">Company name:</div>
											<div class="form-field"><input class="form-control input-sm" type="text" value="Varuosaproff OÜ" /></div>
										</div>
										<div class="form-group">
											<div class="form-label">Company address:</div>
											<div class="form-field"><input class="form-control input-sm" type="text" value="Kadaka tee 2, 11625 Tallinn, Estonia" /></div>
										</div>
										<div class="form-group">
											<div class="mb-8 form-label"><strong>Цель покупки хладагента:</strong></div>
											<ul class="list-unstyled list-unstyled-8">
												<li>
													<div class="form-check">
														<label><input type="radio" name="rad-a" value="1" data-rel-hide=".license__form"> Буду перепродавать газ дальше</label>
													</div>
												</li>
												<li>
													<div class="form-check">
														<label><input type="radio" name="rad-a" value="2" data-rel-show=".license__form"> Буду использовать сам для заправки холодильных систем</label>
													</div>
												</li>
											</ul>
										</div>
										<div class="form-group license__form hidden">
											<div class="mb-12 form-label"><strong>Могу предоставить следующие сертификаты:</strong></div>
											<ul class="list-unstyled">
												<li>
													<div class="form-group form-check">
														<label><input type="checkbox" name="chk-a" value="1"> Сертификат фирмы</label>
													</div>
													<div class="form-group form-group-hidden pl-24">
														<div class="mb-4"></div>
														<div class="form-label">Номер сертификата</div>
														<div class="flex-row row-8 align-items-center">
															<div class="flex-col">
																<div class="form-field"><input class="form-control input-sm" type="text" value="2040692"></div>
															</div>
															<div class="flex-col-auto"><a href="https://rekisterit.tukes.fi/toiminnanharjoittajat" target="_blank">Tukes</a></div>
															<div class="flex-col-auto">|</div>
															<div class="flex-col-auto"><a href="https://www.kutseregister.ee/et/kutsed/avalik_osakutsetunnistused" target="_blank">Kutseregister</a></div>
														</div>
														<div class="help-block hidden">Заполнение обязательно!</div>
													</div>
												</li>
												<li>
													<div class="form-group form-check">
														<label><input type="checkbox" name="chk-a" value="2"> Персональный сертификат</label>
													</div>
													<div class="form-group form-group-hidden pl-24">
														<div class="mb-4"></div>
														<div class="form-label">Имя</div>
														<div class="form-field max-w-400"><input class="form-control" type="text" value=""></div>
														<div class="help-block hidden">Заполнение обязательно!</div>
													</div>
													<div class="form-group form-group-hidden pl-24">
														<div class="mb-4"></div>
														<div class="form-label">Номер сертификата</div>
														<div class="flex-row row-8 align-items-center">
															<div class="flex-col">
																<div class="form-field"><input class="form-control input-sm" type="text" value="2040692"></div>
															</div>
															<div class="flex-col-auto"><a href="https://rekisterit.tukes.fi/toiminnanharjoittajat" target="_blank">Tukes</a></div>
															<div class="flex-col-auto">|</div>
															<div class="flex-col-auto"><a href="https://www.kutseregister.ee/et/kutsed/avalik_osakutsetunnistused" target="_blank">Kutseregister</a></div>
														</div>
														<div class="help-block hidden">Заполнение обязательно!</div>
													</div>
												</li>
											</ul>
										</div>

										{#<div class="form-group">
											<div class="form-label">Used for the</div>
											<div class="flex-row align-items-center">
												<div class="flex-col-auto">
													<div class="form-check">
														<label><input type="radio" name="radio_1" value="" /> Charging systems</label>
													</div>
												</div>
												<div class="flex-col-auto">
													<div class="form-check">
														<label><input type="radio" name="radio_1" value="" /> Retail F-gas (resale)</label>
													</div>
												</div>
											</div>
										</div>
										<div class="form-group">
											<div class="form-label">Company certificate:</div>
											<div class="flex-row row-8 align-items-center">
												<div class="flex-col">
													<div class="form-field"><input class="form-control input-sm" type="text" value="2040692" /></div>
												</div>
												<div class="flex-col-auto"><a href="#">Tukes</a>, <a href="#">Kutseregister</a></div>
											</div>
										</div>
										<div class="form-group">
											<div class="form-label">Name for the Personal certificate:</div>
											<div class="form-field"><input class="form-control input-sm" type="text" value="Konstantin Voskoboinikov" /></div>
										</div>
										<div class="form-group">
											<div class="form-label">Personal certificate:</div>
											<div class="flex-row row-8 align-items-center">
												<div class="flex-col">
													<div class="form-field"><input class="form-control input-sm" type="text" value="2040692" /></div>
												</div>
												<div class="flex-col-auto"><a href="#">Tukes</a>, <a href="#">Kutseregister</a></div>
											</div>
										</div>#}

										<div class="form-group form-base64">
											<div class="form-label flex-row row-8">
												<div class="flex-col">Подпись Клиента</div>
												<div class="flex-col-auto ml-auto">
													<a href="#" class="trash-link form-base64__remove"><i class="fa fa-trash"></i> Удалить</a>
												</div>
											</div>
											<div class="form-base64__body">
												<div class="form-base64__drop">
													Перетащите фото сюда
													<div class="sep">или</div>
													<span class="btn btn-outline-default">Выберите файл</span>
													<input type="file" value="" />
												</div>
												<div class="form-base64__image">
													<img src="" alt="" />
												</div>
											</div>
											<input class="form-base64__result" type="hidden" value="" />
										</div>
									</div>
									<div class="form__col d-flex">
										<div class="form-line">
											<div class="form-group">
												<div class="form-label">Примечание к заказу (видят только админы)</div>
												<div class="form-field"><textarea class="form-control" cols="" rows="3"></textarea></div>
											</div>
											<div class="form-group form-result-action">
												<div class="flex-row align-items-center">
													<div class="flex-col-auto">
														<div class="form-check">
															<label class="color-green"><input type="radio" name="result-action" value="1" /> Да, отправляем газ</label>
														</div>
													</div>
													<div class="flex-col-auto">
														<div class="form-check">
															<label class="color-danger"><input type="radio" name="result-action" value="0" /> Не отправлять газ!</label>
														</div>
													</div>
												</div>
											</div>
											<div class="form-group form-group-email form-group-email_default">
												<div class="form-label"><strong>Клиенту будет отправлен email:</strong></div>
												<div class="form-field">
													<div class="form-pseudo-textarea textarea-empty"></div>
												</div>
											</div>
											<div class="form-group form-group-email form-group-email_success">
												<div class="flex-row">
													<div class="flex-col">
														<div class="form-label"><strong>Клиенту будет отправлен email:</strong></div>
													</div>
													<div class="flex-col-auto">
														<a href="#modal-mail-preview-success" data-toggle="modal">Смотреть превью</a>
													</div>
												</div>
												<div class="form-field">
													<div class="form-pseudo-textarea textarea-success">
														Здравствуйте, Евгений!
														<br />Вы сделали заказ на хладагенты. Ваша заявка одобрена.
														<br />...
													</div>
												</div>
											</div>
											<div class="form-group form-group-email form-group-email_denied">
												<div class="flex-row">
													<div class="flex-col">
														<div class="form-label"><strong>Клиенту будет отправлен email:</strong></div>
													</div>
													<div class="flex-col-auto">
														<a href="#modal-mail-preview-denied" data-toggle="modal">Смотреть превью</a>
													</div>
												</div>
												<div class="form-field">
													<div class="form-pseudo-textarea textarea-denied">
														Здравствуйте, Евгений!
														<br />Вы сделали заказ на хладагенты. К сожалению, Ваша заявка не одобрена.
														<br />...
													</div>
												</div>
											</div>
										</div>
										<div class="form-line text-right">
											<div class="mb-16"></div>
											<div class="flex-row row-8 justify-content-end">
												<div class="flex-col-auto">
													<button class="btn btn-default">Сохранить и закрыть</button>
												</div>
												<div class="flex-col-auto">
													<button class="btn btn-primary">Сохранить и Отправить Клиенту письмо</button>
												</div>
											</div>
										</div>
									</div>
								</div>
							</td>
						</tr>
						{% endfor %}
						</tbody>
					</table>
				</div>
			</div>

		</div>
	</div>
{% endblock %}
{% block modals %}
	<div class="modal fade" id="modal-mail-preview-success" tabindex="-1" role="dialog" aria-labelledby="modal-mail-preview-success">
		<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/freon-ok.twig' %}

				</div>
			</div>
		</div>
	</div>

	<div class="modal fade" id="modal-mail-preview-denied" tabindex="-1" role="dialog" aria-labelledby="modal-mail-preview-denied">
		<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/freon-dismissed.twig' %}

				</div>
			</div>
		</div>
	</div>
{% endblock %}