{% extends "base.html" %}
{% from "macros/tag-links.html" import tag_links, taxonomy_labels with context %}
{% block body %}
{% set devlog = site.get(this.path ~ '/devlog') %}
<article class="project-page">
  <header class="project-hero">
    <div class="shell project-hero-inner">
      <div class="project-identity">
        {% if this.logo %}<img class="project-logo" src="{{ (this|url) ~ this.logo }}" alt="{{ this.title }} logo" width="96" height="96">{% endif %}
        <div>
          <p class="eyebrow">Project exhibition · {{ this.status }}</p>
          <h1>{{ this.title }}</h1>
          <p class="dek">{{ this.summary }}</p>
        </div>
      </div>
      <div class="project-actions" aria-label="Project links">
        <a class="button-link button-link-primary" href="{{ this.repository_url }}">Source repository →</a>
        <a class="button-link" href="{{ this.repository_readme_url }}">README →</a>
        {% if devlog %}<a class="button-link" href="{{ devlog|url }}">Development log →</a>{% endif %}
      </div>
    </div>
  </header>

  <div class="project-content shell">
    <div class="project-narrative prose">
      {{ this.body }}
    </div>

    <aside class="repository-card" aria-label="Repository information">
      <p class="post-info-title">Repository information</p>
      <dl>
        <div class="post-info-row">
          <dt>Latest commit</dt>
          <dd>
            <a class="commit-link" href="{{ this.repository_commit_url }}">
              <code>{{ this.repository_commit_short }}</code>
              <span>{{ this.repository_commit_message }}</span>
            </a>
            <span class="repository-detail">{{ this.repository_commit_author }} · <time datetime="{{ this.repository_commit_date }}">{{ this.repository_commit_date|datetimeformat('medium') }}</time></span>
          </dd>
        </div>
        <div class="repository-pair">
          <div class="post-info-row">
            <dt>Default branch</dt>
            <dd><code>{{ this.default_branch }}</code></dd>
          </div>
          <div class="post-info-row">
            <dt>License</dt>
            <dd>{{ this.repository_license }}</dd>
          </div>
        </div>
        {% if this.repository_language_labels %}
        <div class="post-info-row">
          <dt>Languages</dt>
          <dd class="technology-list">{{ taxonomy_labels(this.repository_language_labels) }}</dd>
        </div>
        {% endif %}
        <div class="repository-pair repository-counts">
          <div class="post-info-row"><dt>Open issues</dt><dd>{{ this.repository_open_issues }}</dd></div>
          <div class="post-info-row"><dt>Stars</dt><dd>{{ this.repository_stars }}</dd></div>
          <div class="post-info-row"><dt>Forks</dt><dd>{{ this.repository_forks }}</dd></div>
        </div>
        <div class="post-info-row">
          <dt>Latest release</dt>
          <dd>{% if this.repository_latest_release %}<a href="{{ this.repository_latest_release_url }}">{{ this.repository_latest_release }}</a>{% else %}No published release{% endif %}</dd>
        </div>
        <div class="post-info-row">
          <dt>Imported revision</dt>
          <dd><code title="{{ this.repository_commit }}">{{ this.repository_commit_short }}</code><span class="repository-detail">{{ this.sync_status }} · <time datetime="{{ this.synchronized_at }}">{{ this.synchronized_at|datetimeformat('medium') }}</time></span></dd>
        </div>
      </dl>
    </aside>
  </div>

  {% if this.technology_labels %}
  <section class="project-technologies">
    <div class="shell">
      <div class="section-heading"><span>Built with</span><span>{{ this.technology_labels|length }} technologies</span></div>
      <div class="technology-list project-technology-list">{{ taxonomy_labels(this.technology_labels) }}</div>
    </div>
  </section>
  {% endif %}

  {% if devlog %}
  <section class="project-devlog-preview">
    <div class="shell">
      <div class="section-heading"><span>Latest development notes</span><a href="{{ devlog|url }}">View complete devlog →</a></div>
      <div class="devlog-card-grid">
        {% for entry in devlog.children.order_by('-date', '-source_commit_time').limit(3) %}
        <article class="devlog-card">
          <time datetime="{{ entry.date }}">{{ entry.date|dateformat('YYYY.MM.dd') }}</time>
          <h2><a href="{{ entry|url }}">{{ entry.title }}</a></h2>
          <p>{{ entry.summary }}</p>
          <a class="read-more" href="{{ entry|url }}">Read devlog →</a>
        </article>
        {% endfor %}
      </div>
    </div>
  </section>
  {% endif %}
</article>
{% endblock %}