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

{% block title %}Run {{ run.id }} | {{ run.host.host }}{% endblock %}

{% block content %}
  <header class="page-header">
    <div class="page-title">
      <div class="page-kicker">Backup run</div>
      <h1>Run {{ run.id }}</h1>
      <div class="page-subtitle">{{ run.host.host }} · {{ run.run_type }} · {{ run.status }}</div>
    </div>
    <section class="actions" aria-label="Run actions">
      <a class="button-link" href="{% url 'host_detail' run.host.host %}">Back to host</a>
    </section>
  </header>

  {% if can_auto_refresh %}
    <section class="panel refresh-controls" aria-label="Live refresh controls">
      <div>
        <h2>Live Updates</h2>
        <p class="muted">Auto-refresh is <strong data-refresh-state="run-live-region">on</strong> while this run is active.</p>
      </div>
      <button type="button" class="secondary" data-refresh-toggle data-refresh-target="run-live-region">Pause refresh</button>
    </section>
  {% endif %}

  <div
    id="run-live-region"
    data-refresh-url="{% url 'run_detail_live' run.id %}"
    data-refresh-interval="5000"
    data-refresh-active="{{ can_auto_refresh|yesno:'true,false' }}"
    data-refresh-paused="false"
    aria-live="polite"
  >
    {% include "pobsync_backend/partials/run_detail_live.html" %}
  </div>

  {% if requested %}
    <section class="panel">
      <h2>Requested Options</h2>
      <div class="stack">
        <div><strong>Dry run:</strong> {{ requested.dry_run|yesno:"yes,no" }}</div>
        <div><strong>Verbose rsync output:</strong> {{ requested.verbose_output|yesno:"yes,no" }}</div>
        <div><strong>Apply retention:</strong> {{ requested.prune|yesno:"yes,no" }}</div>
        <div><strong>Retention max delete:</strong> {{ requested.prune_max_delete }}</div>
        <div><strong>Protect bases:</strong> {{ requested.prune_protect_bases|yesno:"yes,no" }}</div>
      </div>
    </section>
  {% endif %}

  <section class="panel">
    <h2>Rsync Command</h2>
    <p class="muted">
      <strong>Bandwidth limit:</strong>
      {% if rsync_bwlimit_kbps %}{{ rsync_bwlimit_kbps }} KB/s{% else %}unlimited{% endif %}
    </p>
    {% if rsync_command %}
      <pre>{% for part in rsync_command %}{{ part }}{% if not forloop.last %}
{% endif %}{% endfor %}</pre>
    {% else %}
      <p class="muted">No rsync command recorded yet.</p>
    {% endif %}
  </section>

  {% if stats %}
    <section class="panel">
      <h2>Stats</h2>
      <div class="two-col">
        <div class="stack">
          <div><strong>Duration:</strong> {{ stats.duration_seconds|default:"" }}{% if stats.duration_seconds is not None %}s{% endif %}</div>
          <div><strong>Files seen:</strong> {{ stats.rsync.files_total|default:"" }}</div>
          <div><strong>Files transferred:</strong> {{ stats.rsync.files_transferred|default:"" }}</div>
          <div><strong>Files created:</strong> {{ stats.rsync.files_created|default:"" }}</div>
          <div><strong>Files deleted:</strong> {{ stats.rsync.files_deleted|default:"" }}</div>
        </div>
        <div class="stack">
          <div><strong>Total file size:</strong> {{ stats.rsync.total_file_size_bytes|filesizeformat }}</div>
          <div><strong>Transferred file size:</strong> {{ stats.rsync.total_transferred_file_size_bytes|filesizeformat }}</div>
          <div><strong>Literal data:</strong> {{ stats.rsync.literal_data_bytes|filesizeformat }}</div>
          <div><strong>Matched data:</strong> {{ stats.rsync.matched_data_bytes|filesizeformat }}</div>
          <div><strong>Estimated link-dest saving:</strong> {{ stats.rsync.link_dest_estimated_savings_bytes|filesizeformat }}</div>
        </div>
      </div>
    </section>
  {% endif %}

  {% if has_prune_result %}
    <section class="panel highlight {% if prune_result.ok %}success{% else %}warning{% endif %}">
      <h2>Retention</h2>
      <div class="stack">
        <div><strong>Status:</strong> {% if prune_result.ok %}ok{% else %}warning{% endif %}</div>
        {% if prune_result.kind %}<div><strong>Kind:</strong> {{ prune_result.kind }}</div>{% endif %}
        {% if prune_result.planned_delete_count is not None %}<div><strong>Planned deletions:</strong> {{ prune_result.planned_delete_count }}</div>{% endif %}
        {% if prune_result.deleted %}<div><strong>Deleted:</strong> {{ prune_result.deleted|length }}</div>{% endif %}
        {% if prune_result.max_delete is not None %}<div><strong>Max delete:</strong> {{ prune_result.max_delete }}</div>{% endif %}
        {% if prune_result.protect_bases is not None %}<div><strong>Protect bases:</strong> {{ prune_result.protect_bases|yesno:"yes,no" }}</div>{% endif %}
        {% if prune_result.incomplete_ignored_count %}<div><strong>Incomplete ignored:</strong> {{ prune_result.incomplete_ignored_count }}</div>{% endif %}
        {% if prune_result.actions %}
          <div><strong>Actions:</strong></div>
          <ul>
            {% for action in prune_result.actions %}
              <li>{{ action }}</li>
            {% endfor %}
          </ul>
        {% endif %}
        {% if prune_result.error %}<div><strong>Error:</strong> {{ prune_result.error }}</div>{% endif %}
        {% if prune_result.type %}<div><strong>Type:</strong> {{ prune_result.type }}</div>{% endif %}
      </div>
    </section>
  {% endif %}

  {% if retention_warning.has_warning %}
    <section class="panel highlight warning">
      <h2>Retention Warnings</h2>
      <div class="stack">
        {% if retention_warning.prune_exceeded %}
          <div>
            Scheduled pruning for this host would delete {{ retention_warning.delete_count }} snapshot(s), above max
            delete {{ retention_warning.max_delete }}.
          </div>
        {% endif %}
        {% if retention_warning.incomplete_count %}
          <div>
            {{ retention_warning.incomplete_count }} incomplete snapshot(s) exist for this host and are excluded from
            retention cleanup.
          </div>
        {% endif %}
        {% if retention_warning.error %}
          <div>{{ retention_warning.error }}</div>
        {% endif %}
      </div>
    </section>
  {% endif %}

  <section class="panel">
    <h2>Raw Result</h2>
    <pre>{{ result_json }}</pre>
  </section>
{% endblock %}