#set( $symbol_pound = '#' )
#set( $symbol_dollar = '$' )
#set( $symbol_escape = '\' )
<${symbol_pound}import "../layout/defaultLayout.ftl.html" as layout> <@layout.myLayout i18n("articleNew.pageTitle")>


<script defer type="text/javascript">
	${symbol_dollar}(window).load(function() {
		tinyMCE.init({
			mode : "textareas"
		});
	});
</script>


<div class="container">

	<h1>${symbol_dollar}{i18n("articleNew.newArticle")}</h1>

	<!-- Example row of columns -->
	<div class="row">
		<div class="col-lg-8">
			<form action="/article/new" method="post" class="form-horizontal" role="form">

                <div class="form-group">
                    <label for="title" class="col-lg-2 control-label">${symbol_dollar}{i18n("articleNew.title")}</label>
                    <div class="col-lg-10">
                        <input type="text" name="title" id="title" value="${symbol_dollar}{(flash.title!" ")}" class="form-control"/>
                    </div>
                </div>
                
                <div class="form-group">
                    <label for="content" class="col-lg-2 control-label">${symbol_dollar}{i18n("articleNew.content")}</label>
                    <div class="col-lg-10">
                        <textarea name="content" class="form-control" id="content">${symbol_dollar}{(flash.content!"")}</textarea>
                    </div>
                </div>

				<input type="submit" value="${symbol_dollar}{i18n("articleNew.postNewArticle")}" class="btn btn-success pull-right" />

			</form>

		</div>

	</div>
</div>


</@layout.myLayout>
