{% extends "base.html" %}
{% block content %}
<section class="pagehead">
  <div class="container">
    <div class="breadcrumb"><a href="/">Home</a> / <a href="/apps/">Apps</a> / <a href="/apps/{{ app.slug }}/">{{ app.name }}</a> / Release Notes</div>
    <div class="eyebrow">Release Notes</div>
    <h1>{{ app.full_name }} — Version History</h1>
    <p>Current version: <span class="mono badge">v{{ app.version }}</span></p>
  </div>
</section>
<section class="section--tight">
  <div class="container" style="max-width:760px;">
    <div class="timeline">
      {% for r in app.release_notes %}
      <div class="timeline-item">
        <span class="timeline-ver">v{{ r.version }}</span><span class="timeline-date">{{ r.date }}</span>
        <ul style="margin-top:14px;">
          {% for c in r.changes %}<li>{{ c }}</li>{% endfor %}
        </ul>
      </div>
      {% endfor %}
    </div>
    <div class="flex gap-12" style="flex-wrap:wrap; margin-top:20px;">
      <a href="/apps/{{ app.slug }}/" class="tag">← Back to {{ app.name }}</a>
      <a href="/release-notes/" class="tag">All Release Notes</a>
    </div>
  </div>
</section>
{% endblock %}