{#
  borg/templates/modals/stats.html
  Repository-Statistiken für einen Borg-Job.

  Variablen:
    item_id     – Job-ID
    description – Anzeigename des Jobs
    repo_path   – Borg-Repo-Pfad (Anzeige im Untertitel)
    stats       – dict mit aufbereiteten Werten | None
    cached_at   – Timestamp des letzten Cache-Updates | None
    error       – Fehlermeldung als str | None
#}
{% extends "dialog_info.html" %}
{% from "partials/components/ui_macros.html" import btn %}

{% block dialog_id %}borg-stats-modal{% endblock %}
{% block dialog_width %}680{% endblock %}
{% block dialog_padding %}28px 32px{% endblock %}
{% block dialog_title %}Info – {{ description }}{% endblock %}

{% block dialog_body %}
  <div style="font-size:11px; color:var(--text-3); font-family:var(--mono);
              word-break:break-all; margin-bottom:18px;">{{ repo_path }}</div>

  <div id="borg-stats-content">
    {% set include_mode = True %}
    {% include "borg/dialogs/stats/content.html" %}
  </div>

  <div id="borg-stats-loading" class="htmx-indicator"
       style="text-align:center; padding:10px 0; color:var(--text-3); font-size:13px;">
    Lade …
  </div>
{% endblock %}

{% block dialog_footer %}
<div class="ds-modal-footer">
  <div style="display:flex; align-items:center; gap:10px;">
    {% call btn(attrs='hx-post="/api/borg/' ~ item_id ~ '/stats/refresh" hx-target="#borg-stats-content" hx-swap="innerHTML" hx-indicator="#borg-stats-loading" title="Info live vom Server abrufen"') %}
      <svg width="12" height="12" viewBox="0 0 24 24" fill="currentColor" stroke="none"><use href="#icon-refresh"></use></svg>
      Aktualisieren
    {% endcall %}
    <span id="borg-stats-stand" style="font-size:10px; color:var(--text-3);">
      {% if cached_at %}Stand: {{ cached_at[:16] }}{% endif %}
    </span>
  </div>
  <button type="button" class="btn btn-ghost btn-sm" onclick="closeModal(this)">Schließen</button>
</div>
{% endblock %}