{% extends "projects/base.html" %}

{% block page_title %}{{ feature.key }} revision {{ snapshot.revision }}{% endblock %}

{% block project_content %}
  <p role="note">
    <strong>Old revision.</strong>
    You're viewing revision {{ snapshot.revision }} of {{ feature.current_revision }}.
    <a href="{% url 'features:detail' org_slug=project.org.slug project_slug=project.slug feature_key=feature.key %}">View the current version</a>
    or <a href="{% url 'features:compare' org_slug=project.org.slug project_slug=project.slug feature_key=feature.key %}?old={{ snapshot.revision }}&amp;new={{ feature.current_revision }}">compare with it</a>.
  </p>
  <h1><span class="muted">{{ feature.key }}</span> {{ snapshot.title }}</h1>
  <dl>
    <dt>Status</dt>
    <dd>{{ snapshot.get_status_display }}{% if snapshot.superseded_by %}, by {{ snapshot.superseded_by.key }} {{ snapshot.superseded_by.title }}{% endif %}</dd>
    <dt>Parent</dt>
    <dd>{% if snapshot.parent %}{{ snapshot.parent.key }} {{ snapshot.parent.title }}{% else %}None (top level){% endif %}</dd>
    <dt>Change</dt>
    <dd>
      <time datetime="{{ snapshot.created_at|date:'c' }}">{{ snapshot.created_at|date:"j M Y" }}</time>
      by {{ snapshot.author.username|default:"unknown" }}: {{ snapshot.note }}
    </dd>
  </dl>
  <section aria-labelledby="description-heading">
    <h2 id="description-heading" class="visually-hidden">Description</h2>
    <div class="prose">
      {% for block in blocks %}
        <div class="block" id="{{ block.anchor }}">{{ block.html }}</div>
      {% empty %}
        <p class="muted">No description.</p>
      {% endfor %}
    </div>
  </section>
{% endblock %}