<div class="pd-15">
	<div class="block">
		<div class="col-md-6">
			<div class="block_head">
				Добавить жалобу
			</div>

			<div class="form-group">
				<label for="server">
					<h4>Сервер</h4>
				</label>
				<select id="server_id" class="form-control">
					{servers}
				</select>
			</div>

			<div class="form-group">
				<div class="form-group">
					<label for="accused">
						<h4>
							<span class="glyphicon glyphicon-user"></span> Индентификатор обвиняемого
							<span class="glyphicon glyphicon-pushpin ness"></span>
						</h4>
					</label>
					<input type="text" class="form-control" id="accused" maxlength="256" placeholder="Введите ник / steam_id / логин на сайте">
					<button class="btn2 mt-10" onclick="findTheAccused();">Найти</button>

					<div id="find-result-table" class="table-responsive mb-0 mt-10 admins" style="display: none">
						<table class="table table-bordered">
							<thead>
							<tr>
								<td>Действие</td>
								<td>Профиль</td>
								<td>Индентификатор</td>
								<td>Услуги</td>
							</tr>
							</thead>
							<tbody id="find-result">
							<tr>
								<td colspan="4">
									<center><img src="{site_host}templates/{template}/img/loader.gif?v={cache}"></center>
								</td>
							</tr>
							</tbody>
						</table>
					</div>
				</div>
			</div>

			<div id="accused-info" style="display: none;"></div>

			<div id="additional-info" style="display: none">
				<div class="form-group">
					<label for="description">
						<h4>
							<span class="glyphicon glyphicon-comment"></span> Пояснения
							<span class="glyphicon glyphicon-pushpin ness"></span>
						</h4>
					</label><br>
					<textarea id="description" 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('complaints');">Загрузить</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="addComplaint(this);" type="button" class="btn2 btn-big">Создать</button><br><br>
			</div>
		</div>
		<div class="col-md-6">
			<div id="info_block" class="bs-callout bs-callout-info transition_h_2">
				<h4>Инструкция к заполнению</h4>
				<div>
					Выберите игрока, на которого вы хотите подать жалобу, подробно опишите жалобу, приложите в качестве доказательств скриншоты и демо запись
				</div>
			</div>
		</div>
	</div>
</div>

<script>
  $(document).ready(function () {
    init_tinymce('description', 'lite', "{file_manager_theme}", "{file_manager}", "{{md5($conf->code)}}");
  });
</script>