{% extends 'swimmonitor/base.html.twig' %}

{% block title %}Changelog{% endblock %}

{% block breadcrumb %}<li>Administration</li><li>Changelog</li>{% endblock %}

{% set type_labels = {new: 'Neu', improved: 'Verbessert', fixed: 'Behoben', removed: 'Entfernt', security: 'Sicherheit'} %}

{% block page_head %}
    <div>
        <h1>Changelog</h1>
        <p class="sm-lead">Was sich im SwimMonitor geändert hat, neueste Version zuerst.</p>
    </div>
    {% if releases is not empty %}
        <dl class="sm-summary">
            <div><dt>Aktuelle Version</dt><dd>{{ releases|first.version }}</dd></div>
            <div><dt>Stand</dt><dd>{{ releases|first.date|date('d.m.Y') }}</dd></div>
        </dl>
    {% endif %}
{% endblock %}

{% block content %}
    <div class="sm-toolbar">
        <input class="sm-search" type="search" placeholder="Änderungen durchsuchen …" aria-label="Änderungen durchsuchen" data-sm-search="#releases">
        <div class="sm-segment" data-sm-filter="#releases" role="group" aria-label="Art der Änderung">
            <button type="button" class="active" data-sm-filter-value="all">Alle</button>
            {% for key, label in type_labels %}
                <button type="button" data-sm-filter-value="{{ key }}">{{ label }}</button>
            {% endfor %}
        </div>
    </div>

    <div class="sm-changelog" id="releases">
        {% for release in releases %}
            {% set changes = release.changes|default([]) %}
            {% set types = changes|map(c => c.type)|reduce((acc, t) => t in acc ? acc : acc|merge([t]), []) %}
            {% set areas = changes|map(c => c.area)|reduce((acc, a) => a in acc ? acc : acc|merge([a]), []) %}
            <article class="sm-release" id="v{{ release.version }}" data-sm-item data-sm-tags="{{ types|join(' ') }}">
                <div class="sm-release-meta">
                    <div class="sm-release-version"><a href="#v{{ release.version }}">{{ release.version }}</a></div>
                    <div class="sm-release-date"><time datetime="{{ release.date|date('Y-m-d') }}">{{ release.date|date('d.m.Y') }}</time></div>
                    <div class="sm-release-scope">
                        {% for area in areas %}<span class="sm-tag">{{ area }}</span>{% endfor %}
                    </div>
                </div>
                <div class="sm-release-body">
                    <h3>{{ release.title }}</h3>
                    {% if release.summary is defined and release.summary %}<p>{{ release.summary }}</p>{% endif %}
                    {% for change in changes %}
                        <div class="sm-change">
                            <span class="sm-change-type is-{{ change.type }}">{{ type_labels[change.type]|default(change.type) }}</span>
                            <span>{{ change.text }}<span class="sm-change-area">{{ change.area }}</span></span>
                        </div>
                    {% endfor %}
                </div>
            </article>
        {% else %}
            <div class="sm-empty"><strong>Noch keine Einträge</strong>Releases werden in config/swimmonitor/changelog.yaml gepflegt.</div>
        {% endfor %}
        <div class="sm-empty" data-sm-empty hidden><strong>Keine Treffer</strong>Suchbegriff oder Filter ändern.</div>
    </div>
{% endblock %}