	<div class="r_block">
		<div class="r_block_head">
			<span class="glyphicon glyphicon-comment"></span> Инструкция к заполнению
		</div> 
		<div class="r_block_c">
			{include file="/bans/instructions.tpl"}
		</div>
	</div>
	<div class="r_block">
		<div class="r_block_head">
			<span class="glyphicon glyphicon-plus"></span> Добавить заявку
		</div> 
		<div class="r_block_c">
			<div class="input-group mb-10">
				<span class="input-group-btn">
					<div class="btn btn-default shop1">Выберите сервер:</div>
				</span>
				<select id="server" class="form-control" onchange="local_change_server();">
					{servers}
				</select>
			</div>
			<div id="none" class="disp-n">
				<div class="form-group">
					<label for="nick">
						<h4>
							<span class="glyphicon glyphicon-user"></span> Ваш ник
							<span class="glyphicon glyphicon-pushpin ness"></span>
						</h4>
					</label>
					<input type="text" class="form-control" id="nick" maxlength="250" autocomplete="off">
				</div>
				<div class="form-group">
					<label for="reason">
						<h4>
							<span class="glyphicon glyphicon-warning-sign"></span> Причина бана
							<span class="glyphicon glyphicon-pushpin ness"></span>
						</h4>
					</label>
					<input type="text" class="form-control" id="reason" maxlength="250" autocomplete="off">
				</div>
			</div>

			<div id="db" class="disp-n">
				<div class="input-group mb-10">
					<span class="input-group-btn">
						<div class="btn btn-default shop1">Введите ник:</div>
					</span>
					<input type="text" class="form-control" id="nick_db" maxlength="250" placeholder="Введите ник/steam_id/ip">
				</div>
				<button class="btn2 w-100" onclick="find_bans();">Найти</button>
				<div id="bans_table" class="table-responsive mb-0 mt-10 disp-n">
					<table class="table table-bordered">
						<thead>
							<tr>
								<td>Действие</td>
								<td>Ник</td>
								<td>Причина</td>
								<td>Дата окончания</td>
							</tr>
						</thead>
						<tbody id="search_ban_res_min">
							<tr><td colspan="4">
								<center><img src="{site_host}templates/{template}/img/loader.gif?v={cache}"></center>
							</td></tr>
						</tbody>
					</table>
				</div>
				<div id="search_ban_res_full" class="mt-10"></div>
			</div>
			<div id="dop" class="disp-n">
				<div class="form-group">
					<label for="text">
						<h4>
							<span class="glyphicon glyphicon-comment"></span> Пояснения
							<span class="glyphicon glyphicon-pushpin ness"></span>
						</h4>
					</label><br>
					<textarea id="text" class="form-control maxMinW100 maxH200" rows="3" maxlength="2000"></textarea>
				</div>
				<div class="form-group">
					<label>
						<h4>
							<span class="glyphicon glyphicon-picture"></span> Скриншоты <small>(максимальное количество: 5)</small>
						</h4>
					</label>
					<br>

					<div id="imgs" class="mt-10"></div>

					<div class="input-group mt-10">
						<input type="file" id="image" accept="image/*" name="image" class="input-file"/>
						<input type="hidden" id="counter" name="counter" value="0">
						<div id="load-image-result" class="mt-10"></div>
						<button class="btn btn-default" type="button" onclick="loadImages('unbans');">Загрузить</button>
					</div>

					<input type="hidden" id="images-load-result-value" value="" autocomplete="off">
				</div>
				<div class="form-group">
					<label for="demo">
						<h4>
							<span class="glyphicon glyphicon-globe"></span> Ссылка на демо
						</h4>
					</label>
					<input type="text" class="form-control" id="demo" maxlength="250" autocomplete="off">
				</div>

				<div class="form-group">
					<p class="help-block">Поля, отмеченные <span class="glyphicon glyphicon-pushpin ness"></span>, обязательны для заполнения!</p>
				</div>
				<div id="result" class="mt-10"></div>
				<button id="create_btn" onclick="add_ban();" type="button" class="btn2 btn-big">Создать</button><br><br>
			</div>
		</div>
	</div>
</div>

<div class="left_block">
	{include file="/home/right_col.tpl"}
</div>
<script>
  $(document).ready(function() {
    init_tinymce("text", "lite", "{file_manager_theme}", "{file_manager}", "{{md5($conf->code)}}");
  });

  function local_change_server() {
    let server_type = $('#server option:selected').attr('data-server-type');
    select_ban_type(server_type);
  }

  local_change_server();
</script>