{% extends '../_layouts/_main.twig' %}
{% block content %}
	<h1>SQL-запросы и URL – результаты запросов</h1>

	<p><a href="#modal-cp-sqlRequest" class="btn btn-info" data-toggle="modal"><i class="fa fa-plus mr-4"></i> Создать новый SQL-запрос</a></p>

	<div class="panel panel-white">
		<div class="panel-body p-0">

			<div class="cp-sqlRequest">
				<div class="cp-sqlRequest-table">
					<table class="table-requests">
						<thead>
						<tr>
							<th class="text-right">ID</th>
							<th>Название SQL-запроса</th>
							<th>URL – результат запроса</th>
							<th class="td-btns"></th>
						</tr>
						</thead>
						{% set dataTable = [
							{
								"id" : 1,
								"name" : "Находим % сессий без добавлений в корзину",
								"link" : "https://alvadi.ee/api/public/sql/download/0111.2021-05.11.2021/2/28IEHQWS)Zew4q_gS22h1ZHIHVesul",
								"sql" : "set @period_start = date_add('2022-01-01 00:00:00', interval -56 day); #восемь недель от выбранной даты"
							},
							{
								"id" : 2,
								"name" : "Позволяем границе обучения кадров расправить крылья",
								"link" : "https://alvadi.ee/api/public/sql/download/0111.2021-05.11.2021/2/28IEHQWS)Zew4q_gS22h1ZHIHVesul",
								"sql" : "set @period_start = date_add('2022-01-01 00:00:00', interval -56 day); #восемь недель от выбранной даты"
							},
							{
								"id" : 3,
								"name" : "Находим маржу из брошенных корзин",
								"link" : "https://alvadi.ee/api/public/sql/download/0111.2021-05.11.2021/2/28IEHQWS)Zew4q_gS22h1ZHIHVesul",
								"sql" : "set @period_start = date_add('2022-01-01 00:00:00', interval -56 day); #восемь недель от выбранной даты"
							},
							{
								"id" : 4,
								"name" : "Делаем своё дело с частотностью поисковых запросов",
								"link" : "https://alvadi.ee/api/public/sql/download/0111.2021-05.11.2021/2/28IEHQWS)Zew4q_gS22h1ZHIHVesul",
								"sql" : "set @period_start = date_add('2022-01-01 00:00:00', interval -56 day); #восемь недель от выбранной даты"
							},
							{
								"id" : 5,
								"name" : "Говорим, почему солнечных дней всё меньше",
								"link" : "https://alvadi.ee/api/public/sql/download/0111.2021-05.11.2021/2/28IEHQWS)Zew4q_gS22h1ZHIHVesul",
								"sql" : "set @period_start = date_add('2022-01-01 00:00:00', interval -56 day); #восемь недель от выбранной даты"
							},
							{
								"id" : 6,
								"name" : "Процветаем сплочённость команды профессионалов, как ни в чем не бывало",
								"link" : "https://alvadi.ee/api/public/sql/download/0111.2021-05.11.2021/2/28IEHQWS)Zew4q_gS22h1ZHIHVesul",
								"sql" : "set @period_start = date_add('2022-01-01 00:00:00', interval -56 day); #восемь недель от выбранной даты"
							},
							{
								"id" : 7,
								"name" : "Спасаем благородные стремления: небо темнеет",
								"link" : "https://alvadi.ee/api/public/sql/download/0111.2021-05.11.2021/2/28IEHQWS)Zew4q_gS22h1ZHIHVesul",
								"sql" : "set @period_start = date_add('2022-01-01 00:00:00', interval -56 day); #восемь недель от выбранной даты"
							},
							{
								"id" : 8,
								"name" : "Позволяем коронованному герцогу графства развалить союз",
								"link" : "https://alvadi.ee/api/public/sql/download/0111.2021-05.11.2021/2/28IEHQWS)Zew4q_gS22h1ZHIHVesul",
								"sql" : "set @period_start = date_add('2022-01-01 00:00:00', interval -56 day); #восемь недель от выбранной даты"
							}
						] %}
						{% for item in dataTable %}
						<tbody class="--modifiable --modifiable_fix{% if i == 2 %} in{% endif %}">
						<tr>
							<td class="text-right">{{ item.id }}</td>
							<td>{{ item.name }}</td>
							<td>
								<span class="icobox size_16">
									<i class="ico"><img class="center" src="/images/icons/i-copy.png" alt="" /></i>
									<a href="#" class="copyDataToClipboard" data-copy="{{ item.link }}">
										Скопировать url результата запроса
									</a>
								</span>
							</td>
							<td class="td-btns">
								<a href="#" class="btn btn-primary visible-on --modifiable-toggle"><i class="mr-4 fa fa-pencil"></i> Изменить</a>
								<a href="#" class="btn btn-default visible-off --modifiable-toggle">Закрыть</a>
							</td>
						</tr>
						<tr class="tr-hide">
							<td></td>
							<td>
								<div class="cp-sqlRequest-form">
									<div class="mb-16 form-group">
										<div class="form-label">Название SQL запроса</div>
										<div class="form-field">
											<input class="form-control" type="text" value="{{ item.name }}" placeholder="" />
										</div>
									</div>
									<div class="mb-16 form-group">
										<div class="form-label">SQL-запрос (скопируй сюда, сохрани и получишь url)</div>
										<div class="form-field">
											<textarea class="form-control" name="" cols="" rows="10">{{ item.sql }}</textarea>
										</div>
									</div>
									<a href="#" class="remove-link" onclick="return confirm('Вы действительно хотите удалить sql-запрос?');"><i class="fa fa-trash"></i> Удалить безвозвратно</a>
								</div>
							</td>
							<td colspan="2">
								<div class="cp-sqlRequest-form">
									<div class="form-group">
										<div class="form-label">URL – результат запроса</div>
										<div class="cp-sqlRequest-link">
											<a href="#" class="color-primary">{{ item.link }}</a>
										</div>
									</div>
									<div class="mb-24"></div>
									<span class="icobox size_16">
										<i class="ico"><img class="center" src="/images/icons/i-copy.png" alt="" /></i>
										<a href="#" class="copyDataToClipboard" data-copy="{{ item.link }}">
											Скопировать url результата запроса
										</a>
									</span>
									<div class="mb-16"></div>
									<a href="#" class="btn btn-success">Сохранить</a>
								</div>
							</td>
						</tr>
						</tbody>
						{% endfor %}
					</table>
				</div>
			</div>

		</div>
	</div>
{% endblock %}
{% block modals %}
	<div class="modal fade" id="modal-cp-sqlRequest" tabindex="-1" role="dialog" aria-labelledby="modal-cp-sqlRequest">
		<div class="modal-dialog" role="document">
			<div class="modal-content">
				<a href="#" class="cross" data-dismiss="modal"></a>
				<div class="modal-body">
					<h2>Создать новый SQL-запрос</h2>

					<div class="mb-16 form-group">
						<div class="form-label">Название SQL запроса</div>
						<div class="form-field">
							<input class="form-control" type="text" value="{{ item.name }}" placeholder="" />
						</div>
					</div>

					<div class="mb-16 form-group">
						<div class="form-label">SQL-запрос (скопируй сюда, сохрани и получишь url)</div>
						<div class="form-field">
							<textarea class="form-control" name="" cols="" rows="10">{{ item.sql }}</textarea>
						</div>
					</div>

					<div class="mb-16">
						<span class="cp-sqlRequest-link fs-13 color-gray-dark">
							<span class="icobox size_16">
								<svg class="ico"><use xlink:href="/images/svg/main-sprite.svg#info"></use></svg>
								Сохраните запрос, чтобы получить url
							</span>
						</span>
					</div>

					<ul class="modal-buttons right">
						<li>
							<a href="#" class="remove-link" data-dismiss="modal">
								<i class="fa fa-trash"></i>
								Отмена
							</a>
						</li>
						<li>
							<a href="#" class="btn btn-success">Сохранить</a>
						</li>
					</ul>
				</div>
			</div>
		</div>
	</div>
{% endblock %}