{% 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 %}
        {% set item_show_author = post.metadata.get('show_author') if post.metadata else none %}
        {% set effective_show_author = item_show_author if item_show_author is not none else show_author %}
        {% if effective_show_author %}
            {% set item_author = post.metadata.get('author') if post.metadata else none %}
            {% set effective_author = item_author if item_author else default_author %}
            {% if effective_author %}
                {% set item_author_url = post.metadata.get('author_url') if post.metadata else none %}
                {% set effective_author_url = item_author_url if item_author_url else default_author_url %}
                <div class="post-author">By {% if effective_author_url %}<a href="{{ effective_author_url }}" rel="me{% if effective_author_url|is_external_link %} noopener noreferrer{% endif %}"{% if effective_author_url|is_external_link %} target="_blank"{% endif %} class="u-author h-card">{{ effective_author }}</a>{% else %}<span class="u-author h-card">{{ effective_author }}</span>{% endif %}</div>
            {% endif %}
        {% endif %}
        {% if with_read_time or with_gfi %}
        <div class="reading-time">
            {%- if with_read_time -%}
                {{ post.reading_time }} min read
                {%- if with_gfi -%}
                    ; {{ "%.0f" % post.gfi }} GFI
                {%- endif -%}
            {%- else -%}
                {{ "%.0f" % post.gfi }} GFI
            {%- endif -%}
        </div>
        {% endif %}
        {% if post.category %}
        <div class="category">
            <a href="/{{ category_dir }}/{{ post.safe_category }}/{{ pagination_page1_suffix }}" class="p-category category-link" aria-label="Category: {{ post.category }}">{{ 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" aria-label="Tag: {{ tag }}">{{ 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 %}
    {% block related_posts %}
    {% if with_related and post.related_posts %}
    <section class="related-posts">
        <h2 class="related-posts-heading">{{ related_title }}</h2>
        <ul class="related-posts-list">
            {% for related in post.related_posts %}
            <li class="related-post-item">
                <a href="{{ related.url }}" class="related-post-title">{{ related.title }}</a>
                {% if related.date %}
                <time class="related-post-date" datetime="{{ related.date.isoformat() }}">{{ related.date|format_date }}</time>
                {% endif %}
            </li>
            {% endfor %}
        </ul>
    </section>
    {% endif %}
    {% endblock %}
</article>
{% endblock %}