{% extends "base.html" %}
{% block title %}Changelog{% endblock %}

{% block content %}
<section class="card">
  <h1 style="font-size:1.2rem; color:var(--blue-dark); margin-bottom:1.5rem">
    Historique des versions — Alpinux Static
  </h1>

  {% for sec in sections %}
  <div class="cl-section{% if loop.first %} cl-section--latest{% endif %}">
    <div class="cl-header">
      <span class="cl-version">v {{ sec.version }}</span>
      {% if sec.date %}<span class="cl-date">{{ sec.date }}</span>{% endif %}
      {% if loop.first %}<span class="cl-badge">Actuelle</span>{% endif %}
    </div>
    {% for grp in sec.groups %}
    <div class="cl-group">
      <span class="cl-group-title cl-group-title--{{ grp.title | lower | replace(' ','_') }}">{{ grp.title }}</span>
      <ul class="cl-list">
        {% for item in grp.items %}
        <li>{{ item }}</li>
        {% endfor %}
      </ul>
    </div>
    {% endfor %}
  </div>
  {% if not loop.last %}<hr class="cl-sep">{% endif %}
  {% endfor %}
</section>
{% endblock %}