{% extends "base.html" %}
{% block title %}{{ plan_file.name }} — history{% endblock %}

{% block topbar_back %}
<a class="btn back" href="/plans/{{ plan_file.id }}" aria-label="Back to the plan" title="Back to the plan"><span aria-hidden="true">←</span></a>
{% endblock %}

{% block topbar_main %}
<nav class="crumbs" aria-label="Breadcrumb">
    <a href="/projects">Projects</a><span class="sep">/</span>
    <a href="/projects/{{ project.id }}">{{ project.name }}</a><span class="sep">/</span>
    <a href="/plans/{{ plan_file.id }}">{{ plan_file.name }}.md</a><span class="sep">/</span>
    <span class="here">History</span>
  </nav>
{% endblock %}

{% block topbar_actions %}
<a class="btn btn-primary" href="/plans/{{ plan_file.id }}">Back to the plan</a>
{% endblock %}

{% block content %}
<div class="pane">
  <div class="card">
    <div class="card-head">Every version <span class="note">{{ versions | length }}</span></div>
    <div class="tablewrap">
      <div class="grid-head cols-history">
        <span>Version</span><span>Notes</span><span>Author</span><span>File</span><span>Written</span>
      </div>
      {% for version in versions %}
      <div class="grid-row cols-history">
        <span><a class="vtag {% if version.version == plan_file.current_version %}vtag-current{% endif %}"
                 href="/plans/{{ plan_file.id }}?version={{ version.version }}">v{{ version.version }}</a></span>
        <span>{{ version.notes or '—' }}</span>
        <span class="when">{{ version.created_by or 'user' }}</span>
        <span class="path" title="{{ version.file_path }}">{{ version.file_path | basename }}</span>
        <span class="when">{{ version.created_at | relative_time if version.created_at }}</span>
      </div>
      {% endfor %}
    </div>
  </div>
  <div class="footnote">
    <span class="i" aria-hidden="true">i</span>
    Every version is kept as its own file. Nothing is overwritten, so an older plan
    stays readable exactly as it was written.
  </div>
</div>
{% endblock %}