{%extends "base-admin.html.twig"%}

{%block title%} {%if edit is defined and edit == 1%}Article : {{entity.title}}{%else%}Add an article{%endif%} | {{parent()}} {%endblock%}

{%block body%}
<h1 class="page-header-10">{%if edit is defined and edit == 1%}Article : {{entity.title}}{%else%}Add an article{%endif%}</h1>
<div class="">
	{{form_start(form)}}
		{{form_errors(form)}}
		<div class="form-group">
			{{form_label(form.title)}}
			{{form_errors(form.title)}}
			{{form_widget(form.title)}}
		</div>
		<div class="form-group">
			{{form_label(form.subtitle)}}
			{{form_errors(form.subtitle)}}
			{{form_widget(form.subtitle)}}
		</div>
		<div class="form-group">
			{{form_label(form.category)}}
			{{form_errors(form.category)}}
			{{form_widget(form.category)}}
		</div>
		<div class="form-group">
			{{form_label(form.content)}}
			{{form_errors(form.content)}}
			{{form_widget(form.content)}}
		</div>
		<div style="margin-bottom: 1rem">
			{{form_label(form.file)}}<br>
			{{form_errors(form.file)}}
			{{form_widget(form.file)}}
			{%if edit is defined and edit == 1%}
			<div style="max-width:160px">
				<img src="{{asset(entity.getThumbPath()) | imagine_filter('300x200')}}" alt="" class="img-thumbnail" />
			</div>
			{%endif%}
		</div>
		<div class="">
			{{form_widget(form.state)}}
			{{form_label(form.state)}}
			{{form_errors(form.state)}}
		</div>
		<div class="form-group">
			<i>(<span class="error">*</span>) Obligatory</i>
		</div>
		<div class="form-button text-right">
			{{form_widget(form.submit)}}
		</div>
	{{form_end(form)}}
</div>
{% endblock %}
{% block javascripts %}
<script type="text/javascript">
	tinymce.init({
		selector: '.wysiwyg',
		theme: "modern",
		height: 200,
		menubar: false,
		plugins: [
			"advlist autolink link image lists charmap print preview hr anchor pagebreak spellchecker toc",
        	"searchreplace wordcount visualblocks visualchars code fullscreen insertdatetime media nonbreaking",
        	"save table contextmenu directionality emoticons template paste textcolor importcss colorpicker textpattern codesample"
		],
		toolbar: 'code | bold italic underline | alignleft aligncenter alignright alignjustify | bullist numlist | link unlink | subscript superscript',
		content_css: [
			'{{asset("bootstrap/css/bootstrap.css")}}',
			'{{asset("css/style.css")}}']
	});
</script>
{% endblock %}