<style>

	.left_block {width:100%;}
</style>
<div class="r_block">
	<div class="r_block_head">
		<span class="glyphicon glyphicon-plus"></span> Добавить новость
	</div> 
	<div class="r_block_c">
		<div class="form-group">
			<label for="input_url">
				<h4>
					<span class="glyphicon glyphicon-picture"></span> Изображение
					<small>Старайтесь загружать изображения с небольшим весом.</small>
				</h4>
			</label>
			<div class="row">
				<div class="col-md-3">
					<img id="img" src="../files/news_imgs/none.jpg" class="w-100">
				</div>
				<div class="col-md-9">
					<div class="input-group">
						<form enctype="multipart/form-data" action="ajax/actions_a.php" method="POST" id="add_img_form">
							<input type="hidden" id="token" name="token" value="{token}">
							<input type="hidden" id="add_new_img" name="add_new_img" value="1">
							<input type="hidden" id="phpaction" name="phpaction" value="1">
							<input class="input-file w100" type="file" id="new_img" accept="image/*" name="new_img"/><br>
							<input class="btn2" type="submit" value="Загрузить">
							<div id="img_result"></div>
						</form>
					</div>
				</div>
			</div>
			<script>
				$("#add_img_form").submit(function (event){
					NProgress.start();
					event.preventDefault();
					var data = new FormData($('#add_img_form')[0]);
					$.ajax({
						type: "POST",
						url: "../ajax/actions_b.php",
						data: data,
						contentType: false,
						processData: false,
					}).done(function (html) {
						$("#img_result").empty();
						$("#img_result").append(html);
						$('#add_img_form')[0].reset();
					});
					NProgress.done();
				});
			</script>
		</div>
		<div class="form-group">
			<label for="class">
				<h4>
					<span class="glyphicon glyphicon-tag"></span> Категория
					<span class="glyphicon glyphicon-pushpin ness"></span>
				</h4>
			</label>
			<select id="class" class="form-control">
				{classes}
			</select>
		</div>
		<div class="form-group">
			<label for="name">
				<h4>
					<span class=" glyphicon glyphicon-italic"></span> Название
					<span class="glyphicon glyphicon-pushpin ness"></span>
				</h4>
			</label>
			<input type="text" class="form-control" id="name" maxlength="250" autocomplete="off">
		</div>
		<div class="form-group">
			<label for="short_text">
				<h4>
					<span class="glyphicon glyphicon-comment"></span> Краткое описание
					<span class="glyphicon glyphicon-pushpin ness"></span>
				</h4>
			</label><br>
			<textarea id="short_text" class="form-control maxMinW100 maxH200" rows="3" maxlength="250"></textarea>
		</div>
		<div class="form-group">
			<label for="input_keywords">
				<h4>
					<span class="glyphicon glyphicon-pencil"></span> Текст новости
					<span class="glyphicon glyphicon-pushpin ness"></span>
				</h4>
			</label>
			<textarea id="text" class="form-control maxMinW100" rows="10"></textarea>
		</div>
		<div class="form-group">
			<label for="publish_date">
				<h4>
					<span class="glyphicon glyphicon-time"></span> Когда опубликовать
					<span class="glyphicon glyphicon-pushpin ness"></span>
				</h4>
			</label>
			<input class="form-control" type="text" id="publish_date" value="{date}" onclick="$('.ui-datepicker-current').attr('onclick', 'set_current_time()'); $('.ui-datepicker-current').html('Сейчас'); $('.ui-datepicker-current2').addClass('disp-n');" >
			<script type="text/javascript" src="{site_host}templates/admin/js/timepicker/timepicker.js"></script>
			<script type="text/javascript" src="{site_host}templates/admin/js/timepicker/jquery-ui-timepicker-addon.js"></script>
			<script type="text/javascript" src="{site_host}templates/admin/js/timepicker/jquery-ui-timepicker-addon-i18n.min.js"></script>
			<script type="text/javascript" src="{site_host}templates/admin/js/timepicker/jquery-ui-sliderAccess.js"></script>
			<script>
			$('#publish_date').datetimepicker({
				timeInput: true,
				timeFormat: "HH:mm",
				onSelect: function() {
					setTimeout(function() {
						$('.ui-datepicker-current').attr('onclick', 'set_current_time()');
						$('.ui-datepicker-current').html('Сейчас');
						$('.ui-datepicker-current2').addClass('disp-n');
					}, 500);
				}
			});
			</script>
		</div>

		<div class="form-group">
			<p class="help-block">Поля, отмеченные <span class="glyphicon glyphicon-pushpin ness"></span>, обязательны для заполнения!</p>
		</div>
		<div id="new_result" class="mt-10"></div>
		<div class="smile_input_forum">
			<button id="create_btn" onclick="add_new();" type="button" class="btn2">Создать</button>
			<div id="smile_btn" class="smile_btn visible-lg-inline-block type2" data-container="body" data-toggle="popover" data-placement="top" data-content="empty"></div>
		</div>
	</div>
</div>
<script>
	$(document).ready(function() {
		init_tinymce("text", "full", "{file_manager_theme}", "{file_manager}", "{{md5($conf->code)}}");
		get_smiles('#smile_btn', 1);
	});

	$('#smile_btn').popover({ html: true, animation: true, trigger: "click" });
	$('#smile_btn').on('show.bs.popover', function () {
		$(document).mouseup(function (e) {
			var container = $(".popover-content");
			if (container.has(e.target).length === 0){
				$('#smile_btn').popover('hide'); selected = 'gcms_smiles';
			}
		});
	});

	function set_smile(elem){
		var smile =  "<img src=\""+$(elem).attr("src")+"\" class=\"g_smile\" height=\"20px\" width=\"20px\">";
		tinymce.activeEditor.insertContent(smile);
		$('#smile_btn').popover('hide'); selected = 'gcms_smiles';
	}
</script>