{% extends "delivery/base.html" %}
{% block title %}{{ post.meta_title or post.title }} · {{ site.title }}{% endblock %}
{% block social_meta %}
  {# Open Graph + Twitter Card. og:image / twitter:image are
     omitted when no image is set (post.featured_image_id, site default,
     or absent canonical_url upstream). When omitted, the
     twitter:card type degrades from `summary_large_image` to
     `summary` so the link still previews. #}
  {%- set _title = post.meta_title or post.title -%}
  <meta property="og:title" content="{{ _title }}">
  <meta property="og:type" content="article">
  {% if canonical_url %}<meta property="og:url" content="{{ canonical_url }}">{% endif %}
  {% if meta_description %}<meta property="og:description" content="{{ meta_description }}">{% endif %}
  {% if site %}<meta property="og:site_name" content="{{ site.title }}">{% endif %}
  {% if og_image_url %}<meta property="og:image" content="{{ og_image_url }}">{% endif %}
  {% if post.published_at %}<meta property="article:published_time" content="{{ post.published_at.isoformat() }}">{% endif %}
  {% if post.updated_at %}<meta property="article:modified_time" content="{{ post.updated_at.isoformat() }}">{% endif %}
  <meta name="twitter:card" content="{{ 'summary_large_image' if og_image_url else 'summary' }}">
  <meta name="twitter:title" content="{{ _title }}">
  {% if meta_description %}<meta name="twitter:description" content="{{ meta_description }}">{% endif %}
  {% if og_image_url %}<meta name="twitter:image" content="{{ og_image_url }}">{% endif %}
{% endblock %}
{% block jsonld %}
  {#- BlogPosting JSON-LD. `canonical_url` is precomputed by the
     view; `author_name` is loaded alongside the post so the
     template stays render-only. -#}
  {%- set jsonld = {
        "@context": "https://schema.org",
        "@type": "BlogPosting",
        "headline": post.title,
        "url": canonical_url,
        "datePublished": post.published_at.isoformat() if post.published_at else None,
        "dateModified": (post.updated_at or post.published_at).isoformat() if (post.updated_at or post.published_at) else None,
        "author": {"@type": "Person", "name": author_name} if author_name else None,
        "publisher": {"@type": "Organization", "name": site.title} if site else None,
        "description": post.meta_description or post.body_excerpt or None,
  } -%}
  <script type="application/ld+json">{{ jsonld | tojson }}</script>
{% endblock %}
{% block content %}
<article>
  <header>
    <h1>{{ post.title }}</h1>
    {% if post.subtitle %}<p class="subtitle">{{ post.subtitle }}</p>{% endif %}
    <p class="meta">
      {% if author_name %}<span class="byline">by {{ author_name }}</span>{% endif %}
      {% if post.published_at %}
        {% if author_name %} &middot; {% endif %}
        Published <time datetime="{{ post.published_at.isoformat() }}">{{ post.published_at.strftime('%Y-%m-%d') }}</time>
      {% endif %}
      {% if updated_visible %}
         &middot; Updated <time datetime="{{ post.updated_at.isoformat() }}">{{ post.updated_at.strftime('%Y-%m-%d') }}</time>
      {% endif %}
      {% if reading_time %}
         &middot; <span class="reading-time">{{ reading_time }} min read</span>
      {% endif %}
    </p>
  </header>
  {% if toc_html %}
  <aside class="toc-wrapper" aria-label="Table of contents">
    <h2>Contents</h2>
    {{ toc_html | safe }}
  </aside>
  {% endif %}
  <div class="body">
    {{ post.body_html | internal_link_rewrite | unsplash_credit_wrap | pictureify | safe }}
  </div>
  {% if author_bio %}
  <aside class="author-bio">
    <h2>About the author</h2>
    <p><strong>{{ author_name }}</strong></p>
    <p>{{ author_bio }}</p>
  </aside>
  {% endif %}
</article>
{% if related_posts %}
<aside class="related-posts">
  <h2>You may also like</h2>
  <ul>
    {% for r in related_posts %}
    <li>
      <a href="{{ url_for_post(r) }}">{{ r.title }}</a>
      {% if r.published_at %}
      <time datetime="{{ r.published_at.isoformat() }}" class="meta">
        {{ r.published_at.strftime('%Y-%m-%d') }}
      </time>
      {% endif %}
    </li>
    {% endfor %}
  </ul>
</aside>
{% endif %}
{% if webmentions_for_post is defined %}
  {%- set mentions = webmentions_for_post(post) -%}
  {% if mentions %}
  <aside class="webmentions">
    <h2>Mentioned by</h2>
    <ul>
      {% for m in mentions %}
      <li>
        {% if m.author_url %}<a href="{{ m.author_url }}" rel="nofollow ugc">{% endif %}
        <strong>{{ m.author_name or m.source_url }}</strong>
        {% if m.author_url %}</a>{% endif %}
        <span class="meta"> ({{ m.mention_type }})</span>
        {% if m.content_text %}
        <p class="excerpt">{{ m.content_text }}</p>
        {% endif %}
        <small><a href="{{ m.source_url }}" rel="nofollow ugc">source</a></small>
      </li>
      {% endfor %}
    </ul>
  </aside>
  {% endif %}
{% endif %}
{% endblock %}