{% extends "_base.jinja2" %}

{% block title %}New Post{% endblock %}

{% block content %}
<h2 style="margin-bottom:1.5rem">New Post</h2>

{% if request.query.ok %}
<div class="alert alert-success">Post published! <a href="?slug={{ request.query.slug }}">View post</a></div>
{% endif %}

{% if request.query.error %}
<div class="alert alert-error">{{ request.query.error }}</div>
{% endif %}

<form method="post" action="/api/posts">
    <div class="form-group">
        <label for="title">Title</label>
        <input type="text" id="title" name="title" required placeholder="My great post" />
    </div>
    <div class="form-group">
        <label for="slug">URL Slug</label>
        <input type="text" id="slug" name="slug" required placeholder="my-great-post" />
    </div>
    <div class="form-group">
        <label for="author">Author</label>
        <input type="text" id="author" name="author" required placeholder="Your name" />
    </div>
    <div class="form-group">
        <label for="content">Content (Markdown)</label>
        <textarea id="content" name="content" required placeholder="# Heading&#10;&#10;Write in **Markdown**..."></textarea>
    </div>
    <button type="submit" class="btn">Publish</button>
    <a href="/" class="btn btn-sm" style="background:#95a5a6">Cancel</a>
</form>
{% endblock %}