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

{% block title %}Create {{ label }} - {% endblock %}

{% block content %}
	<div id="create-{{ type }}">
		<div class="well">
			<h1>Create {{ label }}</h1>
			{% for error in errors %}
				<div class="alert alert-danger alert-dismissible" role="alert">
					<button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
					{{ error }}
				</div>
			{% endfor %}
			<form method="post" action="{{ form_action }}">
				<div class="form-group">
					<label for="path">File Path</label>
					<div class="input-group">
						{% if blog_path_base %}
							<div class="input-group-addon">content/{{ blog_path_base }}/</div>
							<input type="text" name="path" id="path" class="form-control" placeholder="{{ "now"|date("Ymd") }}-example-post.md">
						{% else %}
							<div class="input-group-addon">content/</div>
							<input type="text" name="path" id="path" class="form-control" placeholder="example-page.md">
						{% endif %}
					</div>
				</div>
				<div class="form-group header-editor">
					<label for="header">Header (YAML)</label>
					<textarea name="header" id="header" rows="5" class="form-control">title: </textarea>
				</div>
				<div class="form-group content-editor">
					<label for="content">Content (Markdown)</label>
					<textarea name="content" id="content" rows="20" class="form-control"></textarea>
				</div>
				<input type="hidden" name="token" value="{{ token }}">
				<input type="submit" value="Create {{ label }}" class="btn btn-primary">
			</form>
		</div>
	</div>
{% endblock %}

{% block styles %}
	<link rel="stylesheet" href="{{ base_url }}/assets/plugins/bauncms/baun-admin/codemirror/lib/codemirror.css">
	<link rel="stylesheet" href="{{ base_url }}/assets/plugins/bauncms/baun-admin/codemirror/theme/neo.css">
{% endblock %}

{% block scripts %}
	<script src="{{ base_url }}/assets/plugins/bauncms/baun-admin/codemirror/lib/codemirror.js"></script>
	<script src="{{ base_url }}/assets/plugins/bauncms/baun-admin/codemirror/mode/yaml/yaml.js"></script>
	<script src="{{ base_url }}/assets/plugins/bauncms/baun-admin/codemirror/mode/markdown/markdown.js"></script>
	<script>
	CodeMirror.fromTextArea($('#header')[0], {
		mode: 'yaml',
		theme: 'neo',
		lineWrapping: true
	});
	CodeMirror.fromTextArea($('#content')[0], {
		mode: 'markdown',
		theme: 'neo',
		lineWrapping: true
	});
	</script>
{% endblock %}