{% extends "base.html" %}

{% block title %}{{ post.title }} - {{ site_title }}{% endblock %}

{% block site_author_meta %}{% endblock %}

{% block meta_tags %}
    {% set item = post %}
    {% set content_type = "article" %}
    {% set include_keywords = true %}
    {% set include_article_tags = true %}
    {% include "meta_tags.html" %}
{% endblock %}

{% block extra_head %}
    {% if prev_post %}<link rel="prev" href="{{ prev_post.url }}">{% endif %}
    {% if next_post %}<link rel="next" href="{{ next_post.url }}">{% endif %}
{% endblock %}

{% block content %}
<article class="h-entry post{% if post.draft %} draft-post{% endif %}">
    {% if prev_post or next_post %}
    <nav class="post-navigation post-navigation-top">
        {% if prev_post %}
        <a href="{{ prev_post.url }}" class="post-nav-link post-nav-prev" title="{{ prev_post.title }}">
            <span class="post-nav-label">← Previous Post</span>
        </a>
        {% else %}
        <span class="post-nav-spacer"></span>
        {% endif %}
        {% if next_post %}
        <a href="{{ next_post.url }}" class="post-nav-link post-nav-next" title="{{ next_post.title }}">
            <span class="post-nav-label">Next Post →</span>
        </a>
        {% endif %}
    </nav>
    {% endif %}
    
    <header class="post-header">
        <h1 class="p-name">{{ post.title }}{% if post.draft %} 🚧{% endif %}</h1>
        <a class="u-url" href="{{ post.url }}" style="display:none;">Permalink</a>
        {% if post.date %}
        <time class="dt-published" datetime="{{ post.date.isoformat() }}">{{ post.date|format_date }}</time>{% if post.modified_date %}<span class="modified-date dt-updated"> (Modified: {{ post.modified_date|format_date_plain }})</span>{% endif %}
        {% endif %}
        {% if with_read_time %}
        <div class="reading-time">{{ post.reading_time }} min read</div>
        {% endif %}
        {% if post.category %}
        <div class="category">
            <a href="/{{ category_dir }}/{{ post.safe_category }}/{{ pagination_page1_suffix }}" class="p-category category-link">{{ post.category }}</a>
        </div>
        {% endif %}
    </header>
    
    <div class="e-content post-content">
        {{ post.html_content|safe }}
    </div>
    
    {% if post.tags %}
    <div class="tags">
        {% for tag, safe_tag in post.sorted_tag_pairs() %}
        <a href="/{{ tag_dir }}/{{ safe_tag }}/{{ pagination_page1_suffix }}" class="tag p-category">{{ tag }}</a>
        {% endfor %}
    </div>
    {% endif %}
    
    {% if prev_post or next_post %}
    <nav class="post-navigation post-navigation-bottom">
        {% if prev_post %}
        <a href="{{ prev_post.url }}" class="post-nav-link post-nav-prev" title="{{ prev_post.title }}">
            <span class="post-nav-label">← Previous Post</span>
        </a>
        {% else %}
        <span class="post-nav-spacer"></span>
        {% endif %}
        {% if next_post %}
        <a href="{{ next_post.url }}" class="post-nav-link post-nav-next" title="{{ next_post.title }}">
            <span class="post-nav-label">Next Post →</span>
        </a>
        {% endif %}
    </nav>
    {% endif %}
    {% block comment_invite %}
    {% include "_comment_invite.html" %}
    {% endblock %}
    {% block backlinks %}
    {% if backlinks %}
    <section class="backlinks">
        <h2 class="backlinks-heading">{{ backlinks_title }}</h2>
        <ul class="backlinks-list">
            {% for backlink in backlinks %}
            <li class="backlink-item">
                <div class="backlink-meta">
                    <a href="{{ backlink.source_post.url }}" class="backlink-title">{{ backlink.source_post.title }}</a>
                    {% if backlink.source_post.date %}
                    <time class="backlink-date" datetime="{{ backlink.source_post.date.isoformat() }}">{{ backlink.source_post.date|format_date }}</time>
                    {% endif %}
                </div>
                <p class="backlink-snippet">{{ backlink.snippet }}</p>
            </li>
            {% endfor %}
        </ul>
    </section>
    {% endif %}
    {% endblock %}
</article>
{% endblock %}