<div class="job-tabpanel" data-id="{{ job.id }}">
	<div class="tab-content job-tabpanel__panels" id="job-tabpanel__panels">
		<span class="job-tabpanel__krutilka"><i class="krutilka fa fa-circle-o-notch fa-spin" aria-hidden="true"></i>&ensp;Загрузка фильтров... </span>
	</div>
</div>

<script nonce='{{ common.CSP_SCRIPT_NONCE }}' type="text/html" id="tabTemplate">
	<li class="nav-item job-tabpanel__tab" id="job-tabpanel__tab__<%= tab %>" data-tab="<%= tab %>">
        <% if (tab.split('__')[0] == "custom") { %>
            <a class="nav-link" href="#job-tabpanel__panel__<%= tab %>" data-toggle="tab" data-tab="<%= tab %>" style="padding-right: 32px;">
                <%= title %>
            </a>
            <span class="fa fa-times-circle-o delete-custom-report" data-id=<%= tab.split('__')[1] %> data-title=<%= title %>></span>
        <% } else { %>
            <a class="nav-link" href="#job-tabpanel__panel__<%= tab %>" data-toggle="tab" data-tab="<%= tab %>">
                <%= title %>
            </a>
        <% } %>
	</li>
</script>

<script nonce='{{ common.CSP_SCRIPT_NONCE }}' type="text/html" id="panelTemplate">
	<div role="tabpanel" class="tab-pane job-tabpanel__panel b-lunapark-offline-panel" id="job-tabpanel__panel__<%= tab %>"></div>
</script>

<script nonce='{{ common.CSP_SCRIPT_NONCE }}' type="text/html" id="controlsTemplate">
    <div class="btn-group btn-group-sm job-controls__group" data-toggle="buttons" id="job-controls__group__<%= tab %>__<%= name %>" role="group">
	</div>
</script>

<script nonce='{{ common.CSP_SCRIPT_NONCE }}' type="text/html" id="buttonTemplate">
    <button class="btn btn-secondary job-controls__<%= tab %>__button" data-control="<%= controls_name %>" data-val="<%= button_name %>" >
		<%= button_title %>
	</button>
</script>

<script nonce='{{ common.CSP_SCRIPT_NONCE }}' type="text/html" id="helpersTemplate">
	<span style="float: right;" id="job-plots__compress-ratio__<%= tab %>" class="text-muted"></span>
	<ul class="nav nav-pills" style="margin: 5px -1px 10px 0;" id="job-controls__group__<%= tab %>__slider_helpers">
	</ul>
</script>

<script nonce='{{ common.CSP_SCRIPT_NONCE }}' type="text/html" id="helperTemplate">
	<li class="nav-item" role="presentation" data-start=<%= start %> data-end=<%= end %> style="font-size: 12px;"><a class="nav-link" href="#"><%= name %></a></li>
</script>

<script nonce='{{ common.CSP_SCRIPT_NONCE }}' type="text/html" id="sliderTemplate">
	<div class="job-controls__slider">
		<div class="row">
			<div class="col-md-11" style="padding-right: 60px; padding-left: 53px;">
				<div id="job-controls__slider__<%= tab %>">
				</div>
			</div>
			<div class="col-md-1" style="float: right; padding-top: 23px; padding-left:0px;">
				<span style="width:100%; overflow: hidden;" class="btn btn-sm btn-secondary job-controls__slider-submit" id="job-controls__slider-submit__<%= tab %>" data-from="<%= slider.start %>" data-to="<%= slider.end %>" data-tab="<%= tab %>">Применить</span>
			</div>
		</div>
	</div>
</script>

<script nonce='{{ common.CSP_SCRIPT_NONCE }}' type="text/html" id="plotsContainerTemplate">
	<div class="row b-lunapark-offlinepage__charts" id="b-lunapark-offlinepage__charts__<%= tab %>">
	</div>
</script>

<script nonce='{{ common.CSP_SCRIPT_NONCE }}' type="text/html" id="noDataTemplate">
	<div style="text-align: center; padding-top: 10px; color: #3E576F; font-size: 16px;"><%= plotType %>@<%= host %></div>
	<div style="padding: 2em 0; text-align: center; color: #3E576F; font-size: 300%;">Нет Данных</div>
</script>

<script nonce='{{ common.CSP_SCRIPT_NONCE }}' type="text/html" id="plotTemplate">
	<div class="col-xl-6 job-plots__container" id="job-plots__<%= tab %>__<%= plot_type %><%= host %>" data-host="<%= host %>"<% if (plot_type.startsWith('mobile')) { %>data-mobileDataKey="<%= plot_type %>.split('@')[1]"<% } %>>
		<span class="job-plots__krutilka" id="job-plots__krutilka__<%= plot_type %><%= host %>"><i class="krutilka fa fa-circle-o-notch fa-spin" aria-hidden="true"></i>&ensp;<%= plot_type %>@<%= host %></span>
    </div>
</script>

<script  type="text/html" id="customToggleTemplate">
	<li role="presentation" class="nav-item" id="cur-toggle-tab">
		<a aria-expanded="false" href="#" id="cur-toggle" class="nav-link" data-toggle="modal" data-target="#cur-contents" aria-controls="cur-contents">
			<i style="cursor: pointer; color: #A0A0A0; font-size: 18px;" class="fa fa-plus"></i>
		</a> 
	</li>
    <div class="modal fade" aria-labelledby="cur-toggle" tabindex="-1" role="dialog" id="cur-contents">
    </div>
</script>

<link href="/media/css/offlinepage.css?version=43.4" type="text/css" rel="stylesheet" />
<script nonce='{{ common.CSP_SCRIPT_NONCE }}' type='text/javascript' src='/media/js/offlinepage/tabpanel.js?version=43.4'></script>