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

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

{% block content %}
  <h1>Changelog</h1>

  <section class="actions" aria-label="Changelog actions">
    <a class="button-link secondary" href="{% url 'dashboard' %}">Back to dashboard</a>
  </section>

  <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 %}