{% extends "base.html" %}
{% block title %}Mein Projekt{% endblock %}
{% block content %}
<div class="stack stack-sm">
  <h1>Mein Projekt</h1>
  <p class="text-muted">Was die Repos dieses Projekts laut letzter Meldung von <code>hugin sync</code> installiert haben.</p>
</div>
{% if total %}
<nav class="cluster" aria-label="Filter">
  <a class="btn btn-sm {{ 'btn-secondary' if outdated else 'btn-primary' }}" href="{{ url_for('project') }}"{% if not outdated %} aria-current="page"{% endif %}>Alle ({{ total }})</a>
  <a class="btn btn-sm {{ 'btn-primary' if outdated else 'btn-secondary' }}" href="{{ url_for('project') }}?outdated=1"{% if outdated %} aria-current="page"{% endif %}>Mit neuerer Version ({{ old_count }})</a>
</nav>
{% endif %}
{% if lines %}
<div class="table-wrap">
  <table>
    <thead><tr><th>Repo</th><th>Paket</th><th>Version</th><th>Werkzeuge</th><th>Gemeldet</th></tr></thead>
    <tbody>
    {% for n in lines %}
      {% set current = newest.get(n.package_id) %}
      {% set new_repo = loop.changed(n.repo) %}
      <tr{% if new_repo and not loop.first %} class="hugin-group-start"{% endif %}>
        <td class="text-sm">{% if new_repo %}<code>{{ n.repo }}</code>{% endif %}</td>
        <td><a href="{{ url_for('package', package_id=n.package_id) }}"><code>{{ n.package_id }}</code></a></td>
        <td>{{ n.version }}
          {% if current and current != n.version %}<span class="badge badge-warning">neu: {{ current }}</span>{% endif %}</td>
        <td class="text-sm">{% for w, ver in n.tools.items() %}{{ w }} {{ ver }}{% if not loop.last %}, {% endif %}{% endfor %}</td>
        <td class="text-sm text-muted">{{ n.last | when }}</td>
      </tr>
    {% endfor %}
    </tbody>
  </table>
</div>
{% elif outdated %}
<div class="empty"><p class="empty-title">Alles aktuell</p><p class="empty-description">Kein Repo hat eine ältere Version als die neueste freigegebene.</p></div>
{% else %}
<div class="empty"><p class="empty-title">Noch keine Meldung</p><p class="empty-description">Sobald ein Repo <code>hugin sync</code> ausführt, erscheint es hier.</p></div>
{% endif %}
{% endblock %}