{% extends "public_base.html" %}

{% block title %}{{ post.title }} — {{ SPLENT_APP }}{% endblock %}

{% block hero %}
    {% if preview %}
    <div class="post-preview-bar" role="status">
        <span>{{ _('This is a preview. Only logged in users can see this page.') }}</span>
        <a href="{{ url_for('post.admin_edit', post_id=post.id) }}">{{ _('Back to editing') }}</a>
    </div>
    {% endif %}
    {{ render_block('hero', eyebrow=post_section_label, title=post.title,
                    subtitle=post.date.strftime('%d %b %Y')) }}
{% endblock %}

{% block content %}
<div class="container section post-layout">
    <article class="post-main">
        {% if post.show_featured %}
        <img class="post-featured" src="{{ post.featured_image }}" alt="" data-lightbox>
        {% endif %}
        {% if post.categories %}
        <p class="card__meta">
            {% for c in post.categories %}<a class="badge" href="{{ url_for('post.category', slug=c.slug) }}">{{ c.name }}</a>{% endfor %}
        </p>
        {% endif %}
        <div class="prose">{{ post.content | safe }}</div>

        {% for hook in get_template_hooks("post.comments") %}{{ hook(post) | safe }}{% endfor %}

        <p style="margin-top:2rem"><a href="{{ url_for('post.index') }}">← {{ post_section_label }}</a></p>
    </article>

    {% if related %}
    <aside class="post-aside">
        <h2 class="post-aside__title">{{ _('Related posts') }}</h2>
        <ul class="post-aside__list">
            {% for r in related %}
            <li class="post-aside__item">
                <a class="post-aside__link" href="{{ post_url(r) }}">{{ r.title }}</a>
                <span class="post-aside__date">{{ r.date.strftime('%d %b %Y') }}</span>
            </li>
            {% endfor %}
        </ul>
    </aside>
    {% endif %}
</div>
{% endblock %}