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

{% block title %}Changelog - pobsync{% endblock %}

{% block content %}
  <header class="page-header">
    <div class="page-title">
      <div class="page-kicker">Release notes</div>
      <h1>Changelog</h1>
      <div class="page-subtitle">Installed release notes rendered from the repository changelog.</div>
    </div>
    <section class="actions" aria-label="Changelog actions">
      <a class="button-link secondary" href="{% url 'dashboard' %}">Back to dashboard</a>
    </section>
  </header>

  <section class="panel">
    <div class="stack spaced">
      <div><strong>Installed version:</strong> {{ app_version }}</div>
      <div class="muted">Changelog file: {{ changelog_path }}</div>
      {% if missing %}
        <div class="status warning">missing</div>
      {% endif %}
    </div>

    <div class="stack">
      {% for block in changelog_blocks %}
        {% if block.kind == "heading" %}
          {% if block.level == 1 %}
            <h2>{{ block.text }}</h2>
          {% else %}
            <h3>{{ block.text }}</h3>
          {% endif %}
        {% elif block.kind == "list" %}
          <ul>
            {% for item in block.items %}
              <li>{{ item }}</li>
            {% endfor %}
          </ul>
        {% else %}
          <p>{{ block.text }}</p>
        {% endif %}
      {% endfor %}
    </div>
  </section>
{% endblock %}