{% extends "_base.jinja2" %}

{% block title %}My Blog{% endblock %}

{% block content %}
{% if request.query.slug %}
{% for post in posts %}
{% if post.slug == request.query.slug %}
<article class="post-full">
    <h1>{{ post.title }}</h1>
    <div class="meta">By {{ post.author }} &middot; {{ post.created_at }}</div>
    <div class="content">{{ post.content | replace("\n", "<br />") | safe }}</div>
    <p style="margin-top:2rem">
        <a class="btn btn-sm" href="/">&larr; All posts</a>
        <form method="post" action="/api/posts" style="display:inline" onsubmit="return confirm('Delete this post?')">
            <input type="hidden" name="id" value="{{ post.id }}" />
            <button type="submit" name="_method" value="DELETE" class="btn btn-sm btn-danger">Delete</button>
        </form>
    </p>
</article>
{% endif %}
{% endfor %}
{% else %}
<h2 style="margin-bottom:1.5rem">Recent Posts</h2>

{% if not posts %}
<div class="empty">
    <p>No posts yet. <a href="/new">Create one!</a></p>
</div>
{% else %}
{% for post in posts %}
<a class="post-card" href="?slug={{ post.slug }}">
    <h2>{{ post.title }}</h2>
    <div class="meta">{{ post.author }} &middot; {{ post.created_at }}</div>
    <div class="excerpt">{{ post.content | truncate(150) }}</div>
</a>
{% endfor %}
{% endif %}
{% endif %}
{% endblock %}