{% extends "base.html" %}

{% block body %}
	<div class="page-header">
		<h2>{{ _("Compose new entry") }}</h2>
	</div>

	<form class="form-horizontal" action="" method="POST" name="entry">
		{% raw xsrf_form_html() %}

		{% if entry %}
			<input type="hidden" name="id" value="{{ entry.id }}">
		{% end %}

		<div class="form-group">
			<label class="control-label col-sm-2" for="inputTitle">{{ _("Title") }}</label>
			<div class="col-sm-10">
				<input class="form-control" type="text" name="title" id="inputTitle"
					{% if entry %}value="{{ entry.title }}"{% end %} placeholder="{{ _("Title") }}">
			</div>
		</div>

		<div class="form-group">
			<div class="col-sm-10 col-sm-offset-2">
				<textarea class="form-control" name="markdown" rows="12" id="inputMarkdown"
					placeholder="{{ _("Content") }}">{% if entry %}{{ entry.markdown }}{% end %}</textarea>
			</div>
		</div>

		<hr>

		<div class="form-group">
			<label class="control-label col-sm-2">{{ _("Status") }}</label>
			<div class="col-sm-10">
				<label class="radio inline">
					<input type="radio" name="status" value="draft" {% if not entry or not entry.is_published() %}checked{% end %}>
					{{ _("Draft") }}
				</label>
				<label class="radio inline">
					<input type="radio" name="status" value="published" {% if entry and entry.is_published() %}checked{% end %}>
					{{ _("Published") }}
				</label>
			</div>
		</div>

		<hr>

		<div class="col-sm-10 col-sm-offset-2">
			<button type="submit" class="btn btn-primary">{{ _("Save") }}</button>
			<a class="btn btn-default" href="javascript:preview();">{{ _("Preview") }}</a>
			<a class="btn btn-default" href="/planet">{{ _("Cancel") }}</a>
		</div>
	</form>

	<br class="separator">

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

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