{% extends "base.html" %}
{% from "macros/tag-links.html" import taxonomy_labels with context %}
{% from "macros/social-sharing.html" import social_metadata, share_controls with context %}
{% block social_head %}
  {% set social_project = this.parent.parent %}
  {{ social_metadata(this, 'TechArticle', 'article', social_project) }}
{% endblock %}
{% block body %}
{% set project = this.parent.parent %}
{% set siblings = this.get_siblings() %}
<article class="devlog-entry-layout shell">
  <header class="devlog-entry-header">
    <p class="eyebrow"><a href="{{ project|url }}">{{ project.title }}</a> · Devlog</p>
    <h1>{{ this.title }}</h1>
    <p class="dek">{{ this.summary }}</p>
  </header>

  <div class="post-meta devlog-meta">
    <aside class="post-info devlog-info" aria-label="Development log information">
      <p class="post-info-title">Development note</p>
      <dl>
        <div class="post-info-row"><dt>Project</dt><dd><a href="{{ project|url }}">{{ project.title }}</a></dd></div>
        <div class="post-info-row"><dt>Published</dt><dd><time datetime="{{ this.date }}">{{ this.date|dateformat('long') }}</time></dd></div>
        <div class="post-info-row"><dt>Author</dt><dd>{{ this.author }}</dd></div>
        <div class="post-info-row">
          <dt>Source commit</dt>
          <dd><a href="{{ this.source_commit_url }}"><code>{{ this.source_commit[:10] }}</code></a></dd>
        </div>
        {% if this.topic_labels %}<div class="post-info-row"><dt>Topics</dt><dd class="technology-list">{{ taxonomy_labels(this.topic_labels) }}</dd></div>{% endif %}
      </dl>
    </aside>
    {{ share_controls(this, 'development note', project) }}
  </div>

  <div class="devlog-entry-body prose">
    {{ this.body }}
  </div>

  <nav class="devlog-navigation" aria-label="Development log chronology">
    {% if siblings.prev_page %}
    <a class="devlog-navigation-link" href="{{ siblings.prev_page|url }}"><span>← Older entry</span><strong>{{ siblings.prev_page.title }}</strong></a>
    {% else %}<span></span>{% endif %}
    {% if siblings.next_page %}
    <a class="devlog-navigation-link devlog-navigation-next" href="{{ siblings.next_page|url }}"><span>Newer entry →</span><strong>{{ siblings.next_page.title }}</strong></a>
    {% endif %}
  </nav>
  <p class="devlog-back"><a href="{{ this.parent|url }}">View the complete {{ project.title }} devlog →</a></p>
</article>
{% endblock %}