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

{% block title %}{{ host.host }} | pobsync{% endblock %}

{% block content %}
  <header class="page-header">
    <div class="page-title">
      <div class="page-kicker">Host</div>
      <h1>{{ host.host }}</h1>
      <div class="page-subtitle">{{ host.address }} · {{ host.enabled|yesno:"enabled,disabled" }}</div>
    </div>
  </header>

  {% 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 would delete {{ retention_warning.delete_count }} snapshot(s), above max delete
            {{ retention_warning.max_delete }}. Scheduled pruning will refuse this plan until the limit or retention
            selection is adjusted.
          </div>
        {% endif %}
        {% if retention_warning.incomplete_count %}
          <div>
            {{ retention_warning.incomplete_count }} incomplete snapshot(s) exist. Retention does not delete incomplete
            snapshots automatically; inspect them before cleanup.
          </div>
          {% if can_manage_control_panel %}
            <form method="post" action="{% url 'resolve_host_incomplete_reviews' host.host %}">
              {% csrf_token %}
              <button type="submit" class="secondary">Mark incomplete reviewed</button>
            </form>
          {% endif %}
        {% endif %}
        {% if retention_warning.error %}
          <div>{{ retention_warning.error }}</div>
        {% endif %}
      </div>
    </section>
  {% endif %}

  <section class="host-control-grid" aria-label="Host control workspace">
    <article class="panel host-control-panel">
      <h2>Host Status</h2>
      <div class="host-control-primary">
        <div>
          {% if host.enabled %}
            <span class="status ok">enabled</span>
          {% else %}
            <span class="status failed">disabled</span>
          {% endif %}
          <span class="muted">{{ host.address }}</span>
        </div>
        {% if active_run %}
          <a class="status-summary {{ active_run.status }}" href="{% url 'run_detail' active_run.id %}">
            <span class="status {{ active_run.status }}">{{ active_run.status }}</span>
            <strong>Run {{ active_run.id }} is active.</strong>
          </a>
        {% elif counts.failed_runs %}
          <a class="status-summary failed" href="{% url 'runs_list' %}?host={{ host.host }}&amp;status=failed&amp;review=needed">
            <span class="status failed">failed</span>
            <strong>{{ counts.failed_runs }} failed run{{ counts.failed_runs|pluralize }} need review.</strong>
          </a>
        {% elif retention_warning.has_warning %}
          <span class="status-summary warning">
            <span class="status warning">warning</span>
            <strong>Retention needs attention.</strong>
          </span>
        {% else %}
          <span class="status-summary success">
            <span class="status ok">ok</span>
            <strong>No active blockers for this host.</strong>
          </span>
        {% endif %}
      </div>
      <div class="host-control-meta">
        <div><span class="label">Snapshots</span><strong>{{ counts.snapshots }}</strong></div>
        <div><span class="label">Runs</span><strong>{{ counts.runs }}</strong></div>
        <div><span class="label">Incomplete</span><strong>{{ counts.incomplete_snapshots }}</strong></div>
      </div>
    </article>

    {% if can_manage_control_panel %}
      <article class="panel host-control-panel">
        <h2>Backup Control</h2>
      <div class="operator-state">
        {% if active_run %}
          <span class="status {{ active_run.status }}">{{ active_run.status }}</span>
          <a href="{% url 'run_detail' active_run.id %}">Run {{ active_run.id }}</a>
        {% elif has_global_config and host.enabled %}
          <span class="status {{ backup_gate.state }}">{{ backup_gate.state }}</span>
          <span class="muted">{{ backup_gate.message }}</span>
        {% elif not host.enabled %}
          <span class="status failed">disabled</span>
        {% elif not has_global_config %}
          <span class="status failed">missing global config</span>
        {% endif %}
      </div>
      <section class="actions inline" aria-label="Quick backup actions">
        <form class="inline-form" method="post" action="{% url 'queue_manual_backup' host.host %}">
          {% csrf_token %}
          <input type="hidden" name="dry_run" value="on">
          <input type="hidden" name="verbose_output" value="on">
          <input type="hidden" name="prune_max_delete" value="10">
          <button type="submit" class="secondary" {% if not can_queue_dry_run %}disabled{% endif %}>Queue dry-run</button>
        </form>
        <form class="inline-form" method="post" action="{% url 'queue_manual_backup' host.host %}">
          {% csrf_token %}
          <input type="hidden" name="verbose_output" value="on">
          <input type="hidden" name="prune_max_delete" value="10">
          <button type="submit" {% if not can_queue_real_backup %}disabled{% endif %}>Queue backup</button>
        </form>
      </section>
      {% if active_run %}
        <p class="muted">Wait for the active run to finish, or cancel it from the run detail page.</p>
      {% elif not can_queue_dry_run or not can_queue_real_backup %}
        {% if not has_global_config %}
          <p class="muted">Create the default global config before queueing backups.</p>
        {% elif not host.enabled %}
          <p class="muted">Enable this host before queueing backups.</p>
        {% elif backup_gate.real_blockers %}
          <p class="muted">Real backups are blocked by failed preflight checks. Dry-runs may still be available when storage-only checks fail.</p>
        {% endif %}
      {% endif %}
      </article>
    {% endif %}

    <article class="panel host-control-panel">
      <h2>
        Schedule
        {% if can_manage_control_panel %}
          <a class="button-link secondary compact" href="{% url 'edit_host_schedule' host.host %}">Edit schedule</a>
        {% endif %}
      </h2>
      {% if schedule %}
        <div class="host-control-meta">
          <div><span class="label">Schedule expression</span><strong>{{ schedule.cron_expr }}</strong></div>
          <div><span class="label">Next run</span><strong>{% if next_run_at %}{{ next_run_at|date:"Y-m-d H:i T" }}{% else %}none{% endif %}</strong></div>
          <div><span class="label">Timezone</span><strong>{{ scheduler_timezone }}</strong></div>
          <div><span class="label">Prune</span><strong>{{ schedule.prune|yesno:"yes,no" }}</strong></div>
          <div><span class="label">Last status</span><strong>{{ schedule.last_status|default:"none" }}</strong></div>
        </div>
        <p class="muted">Evaluated by the pobsync scheduler service.</p>
      {% else %}
        <p class="muted">No schedule configured.</p>
        {% if can_manage_control_panel %}
          <a class="button-link secondary compact" href="{% url 'edit_host_schedule' host.host %}">Add schedule</a>
        {% endif %}
      {% endif %}
    </article>

    <article class="panel host-control-panel">
      <h2>Current Activity</h2>
      {% if latest_runs %}
        {% with run=latest_runs.0 %}
          <a class="activity-row" href="{% url 'run_detail' run.id %}">
            <span class="status {{ run.status }}">{{ run.status }}</span>
            <span>
              <strong>Run {{ run.id }}</strong>
              <span class="muted">{{ run.run_type }} · {{ run.started_at|default:run.created_at }}</span>
            </span>
          </a>
        {% endwith %}
      {% else %}
        <p class="muted">No backup runs recorded for this host.</p>
      {% endif %}
      {% if stats_summary.latest_run.duration_seconds is not None %}
        <div class="host-control-meta">
          <div><span class="label">Latest duration</span><strong>{{ stats_summary.latest_run.duration_seconds }}s</strong></div>
          <div><span class="label">New data</span><strong>{{ stats_summary.latest_run.rsync.literal_data_bytes|filesizeformat }}</strong></div>
        </div>
      {% endif %}
    </article>
  </section>

  <section class="grid" aria-label="Host summary">
    <div class="metric"><div class="label">Snapshots</div><div class="value">{{ counts.snapshots }}</div></div>
    <div class="metric"><div class="label">Runs</div><div class="value">{{ counts.runs }}</div></div>
    <div class="metric"><div class="label">Queued</div><div class="value">{{ counts.queued_runs }}</div></div>
    <div class="metric"><div class="label">Running</div><div class="value">{{ counts.running_runs }}</div></div>
    <div class="metric"><div class="label">Failed Runs</div><div class="value">{{ counts.failed_runs }}</div></div>
    <div class="metric"><div class="label">Incomplete</div><div class="value">{{ counts.incomplete_snapshots }}</div></div>
  </section>

  <section class="panel">
    <h2>Backup Data</h2>
    <section class="grid" aria-label="Host backup data totals">
      <div class="metric">
        <div class="label">Scheduled</div>
        <div class="value">{{ stats_summary.backup_data.scheduled.allocated_size_bytes|filesizeformat }}</div>
        <div class="muted">unique {{ stats_summary.backup_data.scheduled.unique_apparent_size_bytes|filesizeformat }}</div>
      </div>
      <div class="metric">
        <div class="label">Manual</div>
        <div class="value">{{ stats_summary.backup_data.manual.allocated_size_bytes|filesizeformat }}</div>
        <div class="muted">unique {{ stats_summary.backup_data.manual.unique_apparent_size_bytes|filesizeformat }}</div>
      </div>
      <div class="metric">
        <div class="label">Incomplete</div>
        <div class="value">{{ stats_summary.backup_data.incomplete.allocated_size_bytes|filesizeformat }}</div>
        <div class="muted">measured from disk</div>
      </div>
      <div class="metric">
        <div class="label">Total</div>
        <div class="value">{{ stats_summary.backup_data.total.allocated_size_bytes|filesizeformat }}</div>
        <div class="muted">unique {{ stats_summary.backup_data.total.unique_apparent_size_bytes|filesizeformat }}</div>
      </div>
    </section>
    <p class="muted">
      Main totals use allocated snapshot size. Unique values estimate non-hardlinked visible data; incomplete
      snapshots are measured from disk because their metadata can be stale.
    </p>
  </section>

  {% if stats_summary.runs %}
    <section class="panel">
      <h2>Backup Trends</h2>
      <section class="grid" aria-label="Host backup trend summary">
        <div class="metric"><div class="label">Avg New Data</div><div class="value">{{ stats_summary.avg_literal_data_bytes|filesizeformat }}</div></div>
        <div class="metric"><div class="label">Avg Daily New</div><div class="value">{{ stats_summary.avg_daily_literal_data_bytes|filesizeformat }}</div></div>
        <div class="metric"><div class="label">Total New Data</div><div class="value">{{ stats_summary.total_literal_data_bytes|filesizeformat }}</div></div>
        <div class="metric"><div class="label">Matched Data</div><div class="value">{{ stats_summary.total_matched_data_bytes|filesizeformat }}</div></div>
        <div class="metric"><div class="label">Latest Duration</div><div class="value">{{ stats_summary.latest_run.duration_seconds|default:"" }}{% if stats_summary.latest_run.duration_seconds is not None %}s{% endif %}</div></div>
      </section>
      <table>
        <thead>
          <tr>
            <th>Run</th>
            <th>Type</th>
            <th>Started</th>
            <th>Duration</th>
            <th>Files</th>
            <th>New Data</th>
            <th>Matched</th>
            <th>Trend</th>
            <th>Snapshot</th>
          </tr>
        </thead>
        <tbody>
          {% for run in stats_summary.runs %}
            <tr>
              <td><a href="{% url 'run_detail' run.id %}">Run {{ run.id }}</a></td>
              <td>{{ run.run_type }}</td>
              <td>{{ run.started_at|default:"" }}</td>
              <td>{{ run.duration_seconds|default:"" }}{% if run.duration_seconds is not None %}s{% endif %}</td>
              <td>{{ run.rsync.files_total|default:"" }}</td>
              <td>{{ run.rsync.literal_data_bytes|filesizeformat }}</td>
              <td>{{ run.rsync.matched_data_bytes|filesizeformat }}</td>
              <td>
                <div class="trend-bars" aria-label="Run data trend">
                  <div class="trend-bar" title="New data"><span style="width: {{ run.literal_percent }}%"></span></div>
                  <div class="trend-bar matched" title="Matched data"><span style="width: {{ run.matched_percent }}%"></span></div>
                  <div class="trend-legend"><span>new</span><span>matched</span></div>
                </div>
              </td>
              <td>{% if run.snapshot %}<a href="{% url 'snapshot_detail' run.snapshot.id %}">{{ run.snapshot.dirname }}</a>{% else %}<span class="muted">{{ run.snapshot_path }}</span>{% endif %}</td>
            </tr>
          {% endfor %}
        </tbody>
      </table>
    </section>
  {% endif %}

  {% if can_manage_control_panel %}
    <section class="panel">
      <h2>Host Check</h2>
    <section class="grid" aria-label="Host check summary">
      <div class="metric"><div class="label">OK</div><div class="value">{{ host_check_summary.ok }}</div></div>
      <div class="metric"><div class="label">Warnings</div><div class="value">{{ host_check_summary.warning }}</div></div>
      <div class="metric"><div class="label">Failed</div><div class="value">{{ host_check_summary.failed }}</div></div>
      <div class="metric"><div class="label">Skipped</div><div class="value">{{ host_check_summary.skipped }}</div></div>
    </section>
    <div class="record-list">
      {% for check in host_checks %}
        <article class="record-card">
          <div class="record-card-header">
            <div class="record-title">
              <strong>{{ check.name }}</strong>
              <span class="muted">{{ check.message }}</span>
            </div>
            <span class="status {{ check.status }}">{{ check.status }}</span>
          </div>
          {% if check.detail %}
            <div class="record-fact">
              <span class="label">Detail</span>
              <span class="muted">{{ check.detail }}</span>
            </div>
          {% endif %}
        </article>
      {% endfor %}
    </div>
    </section>
  {% endif %}

  <div class="panel-grid">
    <section class="panel">
      <h2>Configuration</h2>
      <div class="host-control-meta">
        <div><span class="label">Address</span><strong>{{ host.address }}</strong></div>
        {% if can_manage_control_panel %}
          <div><span class="label">SSH key</span><strong>{{ host.ssh_credential|default:"global default" }}</strong></div>
          <div><span class="label">SSH</span><strong>{{ host.ssh_user|default:"global" }}{% if host.ssh_port %}:{{ host.ssh_port }}{% endif %}</strong></div>
        {% endif %}
        <div><span class="label">Backup source</span><strong>{{ host.source_root|default:"global default" }}</strong></div>
        <div><span class="label">Retention</span><strong>d{{ host.retention_daily }} w{{ host.retention_weekly }} m{{ host.retention_monthly }} y{{ host.retention_yearly }}</strong></div>
      </div>
      {% if can_manage_control_panel %}
        <div class="actions inline">
          <a class="button-link secondary compact" href="{% url 'edit_host_config' host.host %}">Edit config</a>
          <a class="button-link secondary compact" href="{% url 'host_retention_plan' host.host %}">Plan retention</a>
        </div>
      {% endif %}
    </section>

    {% if can_manage_control_panel %}
      <section class="panel">
        <h2>Connection Preflight &amp; SSH</h2>
      {% if last_preflight %}
        <div class="host-control-meta">
          <div>
            <span class="label">Preflight</span>
            <strong>
              <span class="status {% if last_preflight.ok %}ok{% else %}failed{% endif %}">
                {% if last_preflight.ok %}ok{% else %}failed{% endif %}
              </span>
            </strong>
          </div>
          <div><span class="label">Target</span><strong>{{ last_preflight.target }}</strong></div>
          <div><span class="label">Backup source</span><strong>{{ last_preflight.source_root }}</strong></div>
          <div><span class="label">Remote rsync</span><strong>{{ last_preflight.rsync_binary }}</strong></div>
        </div>
      {% else %}
        <p class="muted">No connection preflight recorded yet.</p>
      {% endif %}
      <div class="actions inline">
        <form method="post" action="{% url 'run_host_preflight' host.host %}">
          {% csrf_token %}
          <button type="submit" class="secondary compact">Run connection preflight</button>
        </form>
        <form method="post" action="{% url 'scan_host_known_key' host.host %}">
          {% csrf_token %}
          <button type="submit" class="secondary compact">Scan SSH host key</button>
        </form>
      </div>
      {% if last_preflight.checks %}
        <div class="activity-list">
          {% for check in last_preflight.checks %}
            <div class="activity-row">
              <span class="status {% if check.ok %}ok{% else %}failed{% endif %}">
                {% if check.ok %}ok{% else %}failed{% endif %}
              </span>
              <span>
                <strong>{{ check.name }}</strong>
                <span class="muted">{{ check.message }}{% if check.detail %} · {{ check.detail }}{% endif %}</span>
              </span>
            </div>
          {% endfor %}
        </div>
      {% endif %}
      </section>
    {% endif %}

    <section class="panel">
      <h2>Snapshot Storage</h2>
      <div class="host-control-meta">
        <div><span class="label">Backup root</span><strong>{{ discovery.backup_root|default:"" }}</strong></div>
        <div><span class="label">Host root</span><strong>{{ discovery.host_root|default:"" }}</strong></div>
        <div><span class="label">Status</span><strong>{{ discovery.message }}</strong></div>
        {% if discovery.kind_counts %}
          <div>
            <span class="label">On disk</span>
            <strong>
              scheduled {{ discovery.kind_counts.scheduled|default:0 }},
              manual {{ discovery.kind_counts.manual|default:0 }},
              incomplete {{ discovery.kind_counts.incomplete|default:0 }}
            </strong>
          </div>
        {% endif %}
      </div>
      {% if can_manage_control_panel %}
        <div class="actions inline">
          <form method="post" action="{% url 'discover_host_snapshots' host.host %}">
            {% csrf_token %}
            <button type="submit" class="secondary compact">Discover snapshots</button>
          </form>
          <form method="post" action="{% url 'prepare_host_directories' host.host %}">
            {% csrf_token %}
            <button type="submit" class="secondary compact">Prepare directories</button>
          </form>
        </div>
      {% endif %}
    </section>
  </div>

  {% if effective_config %}
    <section class="panel">
      <h2>Effective Config</h2>
      <p class="muted">Runtime settings after global defaults and host overrides are combined.</p>
      <div class="record-list">
        <article class="record-card">
          <div class="record-card-header">
            <div class="record-title">
              <strong>Backup target</strong>
              <span class="muted">Source and destination used by rsync.</span>
            </div>
          </div>
          <div class="record-facts">
            <div class="record-fact"><span class="label">Backup source:</span><strong>{{ effective_config.source_root }}</strong></div>
            <div class="record-fact"><span class="label">Destination subdir:</span><strong>{{ effective_config.destination_subdir|default:"none" }}</strong></div>
          </div>
        </article>
        <article class="record-card">
          <div class="record-card-header">
            <div class="record-title">
              <strong>Connection</strong>
              <span class="muted">SSH and rsync execution settings.</span>
            </div>
          </div>
          <div class="record-facts">
            <div class="record-fact"><span class="label">SSH:</span><strong>{{ effective_config.ssh.user }}@{{ host.address }}:{{ effective_config.ssh.port }}</strong></div>
            <div class="record-fact"><span class="label">SSH key:</span><strong>{{ effective_config.ssh.credential|default:"none selected" }}</strong></div>
            <div class="record-fact"><span class="label">SSH options:</span><span>{{ effective_config.ssh.options|join:" " }}</span></div>
            <div class="record-fact"><span class="label">Rsync binary:</span><strong>{{ effective_config.rsync.binary }}</strong></div>
            <div class="record-fact"><span class="label">Rsync args:</span><span>{{ effective_config.rsync.args|join:" " }}</span></div>
            <div class="record-fact"><span class="label">Timeout:</span><strong>{{ effective_config.rsync.timeout_seconds }}s</strong></div>
            <div class="record-fact">
              <span class="label">Bandwidth limit:</span>
              <strong>{% if effective_config.rsync.bwlimit_kbps %}{{ effective_config.rsync.bwlimit_kbps }} KB/s{% else %}unlimited{% endif %}</strong>
            </div>
          </div>
        </article>
        <article class="record-card">
          <div class="record-card-header">
            <div class="record-title">
              <strong>Selection &amp; retention</strong>
              <span class="muted">Include/exclude rules and retention counts.</span>
            </div>
          </div>
          <div class="record-facts">
            <div class="record-fact">
              <span class="label">Retention:</span>
              <strong>
                d{{ effective_config.retention.daily }}
                w{{ effective_config.retention.weekly }}
                m{{ effective_config.retention.monthly }}
                y{{ effective_config.retention.yearly }}
              </strong>
            </div>
            <div class="record-fact"><span class="label">Includes:</span><strong>{{ effective_config.includes|length }}</strong></div>
            <div class="record-fact"><span class="label">Excludes:</span><strong>{{ effective_config.excludes|length }}</strong></div>
          </div>
          <div class="two-col">
            <div class="stack">
              {% if effective_config.includes %}
                <pre>{{ effective_config.includes|join:"&#10;" }}</pre>
              {% else %}
                <div class="muted">No include rules configured.</div>
              {% endif %}
            </div>
            <div class="stack">
              {% if effective_config.excludes %}
                <pre>{{ effective_config.excludes|join:"&#10;" }}</pre>
              {% else %}
                <div class="muted">No exclude rules configured.</div>
              {% endif %}
            </div>
          </div>
        </article>
      </div>
    </section>
  {% endif %}

  {% if can_manage_control_panel %}
    <section class="panel">
      <h2>Backup Options</h2>
    <p class="muted">Use this when the quick actions above need a custom label, include/exclude override, or prune limit.</p>
    <form method="post" action="{% url 'queue_manual_backup' host.host %}" class="form-grid">
      {% csrf_token %}
      {{ manual_backup_form.non_field_errors }}

      {% for field in manual_backup_form %}
        <div class="field">
          {{ field.errors }}
          <label for="{{ field.id_for_label }}">{{ field.label }}</label>
          {{ field }}
          {% if field.help_text %}<div class="helptext">{{ field.help_text }}</div>{% endif %}
        </div>
      {% endfor %}

      <div class="form-actions">
        <button type="submit" {% if not can_queue_dry_run and not can_queue_real_backup %}disabled{% endif %}>Queue with options</button>
      </div>
    </form>
    </section>
  {% endif %}

  <section class="panel">
    <h2>Latest Runs <a class="button-link secondary compact" href="{% url 'runs_list' %}?host={{ host.host }}">View all</a></h2>
    <div class="record-list">
      {% for run in latest_runs %}
        <article class="record-card">
          <div class="record-card-header">
            <div class="record-title">
              <a href="{% url 'run_detail' run.id %}">Run {{ run.id }}</a>
              <span class="muted">{{ run.run_type }}{% if run.result.duration_seconds %} · {{ run.result.duration_seconds }}s{% endif %}</span>
            </div>
            <span class="status {{ run.status }}">{{ run.status }}</span>
          </div>
          <div class="record-facts">
            <div class="record-fact">
              <span class="label">Started</span>
              <strong>{{ run.started_at|default:run.created_at }}</strong>
            </div>
            <div class="record-fact">
              <span class="label">Ended</span>
              <strong>{{ run.ended_at|default:"running or queued" }}</strong>
            </div>
            <div class="record-fact">
              <span class="label">Snapshot</span>
              {% if run.snapshot %}
                <strong><a href="{% url 'snapshot_detail' run.snapshot.id %}">{{ run.snapshot.dirname }}</a></strong>
              {% elif run.snapshot_path %}
                <span class="muted">{{ run.snapshot_path }}</span>
              {% else %}
                <span class="muted">none</span>
              {% endif %}
            </div>
            <div class="record-fact">
              <span class="label">Base</span>
              <span class="muted">{{ run.base_path|default:"none" }}</span>
            </div>
          </div>
        </article>
      {% empty %}
        <p class="muted">No backup runs recorded for this host.</p>
      {% endfor %}
    </div>
  </section>

  <section class="panel">
    <h2>Snapshots <a class="button-link secondary compact" href="{% url 'snapshots_list' %}?host={{ host.host }}">View all</a></h2>
    <div class="record-list">
      {% for snapshot in snapshots %}
        <article class="record-card">
          <div class="record-card-header">
            <div class="record-title">
              <a href="{% url 'snapshot_detail' snapshot.id %}">{{ snapshot.dirname }}</a>
              <span class="muted">{{ snapshot.kind }}</span>
            </div>
            <span class="status {{ snapshot.status }}">{{ snapshot.status }}</span>
          </div>
          <div class="record-facts">
            <div class="record-fact">
              <span class="label">Started</span>
              <strong>{{ snapshot.started_at|default:"unknown" }}</strong>
            </div>
            <div class="record-fact">
              <span class="label">Ended</span>
              <strong>{{ snapshot.ended_at|default:"unknown" }}</strong>
            </div>
            <div class="record-fact">
              <span class="label">Base</span>
              {% if snapshot.base %}
                <strong><a href="{% url 'snapshot_detail' snapshot.base.id %}">{{ snapshot.base.dirname }}</a></strong>
              {% elif snapshot.base_dirname %}
                <span class="muted">{{ snapshot.base_dirname }}</span>
              {% else %}
                <span class="muted">none</span>
              {% endif %}
            </div>
            <div class="record-fact">
              <span class="label">Path</span>
              <span class="muted">{{ snapshot.path|default:"not recorded" }}</span>
            </div>
          </div>
        </article>
      {% empty %}
        <p class="muted">No snapshots discovered for this host.</p>
      {% endfor %}
    </div>
  </section>
{% endblock %}