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

{% block bodyA %}
	<div class="post">
		<h3>{{ _("Compose new entry") }}</h3>
		<form name="entry" method="post">
			{{ xsrf_form_html() }}
			{% if entry.id %}
				<input type="hidden" name="id" value="{{ entry.id }}">
			{% end %}

			<table>
				<tr>
					<td>{{ _("Title") }}</td>
					<td><input type="text" name="title" value="{{ entry.title }}"
						size="50" /></td>
				</tr>
				<tr>
					<td>&nbsp;</td>
					<td>
						<textarea id="markdown" name="markdown" rows="20" cols="80">{{ entry.markdown }}</textarea>
					</td>
				</tr>
				<tr>
					<td colspan="2">
						<input type="button" onClick="preview()" value="{{ _("Preview") }}" />
						<input type="submit" value="{{ _("Save") }}" />
					</td>
				</tr>
			</table>
		</form>
	</div>

	<div id="preview"></div>

	<script type="text/javascript">
		preview = function() {
			$.postJSON("/api/planet/render", { text : $("#markdown").val() },
				function(data) {
					$("#preview").html(data.html);
				}
			);
		}
	</script>
{% end block %}