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

{% block title %}Snapshot {{ snapshot.dirname }} | {{ snapshot.host.host }}{% endblock %}

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

  <section class="grid" aria-label="Snapshot summary">
    <div class="metric"><div class="label">Host</div><div class="value">{{ snapshot.host.host }}</div></div>
    <div class="metric"><div class="label">Kind</div><div class="value">{{ snapshot.kind }}</div></div>
    <div class="metric"><div class="label">Status</div><div class="value">{{ snapshot.status|default:"" }}</div></div>
    <div class="metric"><div class="label">Runs</div><div class="value">{{ backup_runs|length }}</div></div>
  </section>

  <div class="two-col">
    <section class="panel">
      <h2>Snapshot</h2>
      <div class="stack">
        <div><strong>Path:</strong> {{ snapshot.path }}</div>
        <div><strong>Started:</strong> {{ snapshot.started_at|default:"" }}</div>
        <div><strong>Ended:</strong> {{ snapshot.ended_at|default:"" }}</div>
        <div><strong>Discovered:</strong> {{ snapshot.discovered_at }}</div>
      </div>
    </section>

    <section class="panel">
      <h2>Base</h2>
      <div class="stack">
        <div><strong>Record:</strong> {% if snapshot.base %}<a href="{% url 'snapshot_detail' snapshot.base.id %}">{{ snapshot.base.dirname }}</a>{% endif %}</div>
        <div><strong>Kind:</strong> {{ snapshot.base_kind }}</div>
        <div><strong>Dirname:</strong> {{ snapshot.base_dirname }}</div>
        <div><strong>Path:</strong> {{ snapshot.base_path }}</div>
      </div>
    </section>
  </div>

  {% 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>Total file size:</strong> {{ stats.rsync.total_file_size_bytes|filesizeformat }}</div>
          <div><strong>Estimated link-dest saving:</strong> {{ stats.rsync.link_dest_estimated_savings_bytes|filesizeformat }}</div>
        </div>
        <div class="stack">
          <div><strong>Snapshot apparent size:</strong> {{ stats.storage.snapshot.apparent_size_bytes|filesizeformat }}</div>
          <div><strong>Snapshot allocated size:</strong> {{ stats.storage.snapshot.allocated_size_bytes|filesizeformat }}</div>
          <div><strong>Hardlinked files:</strong> {{ stats.storage.snapshot.hardlinked_files|default:"" }}</div>
          <div><strong>Backup root used:</strong> {{ stats.storage.capacity.used_percent|default:"" }}%</div>
          <div><strong>Backup root available:</strong> {{ stats.storage.capacity.available_bytes|filesizeformat }}</div>
        </div>
      </div>
    </section>
  {% endif %}

  <section class="panel">
    <h2>Restore Guidance</h2>
    <div class="stack spaced">
      <div><strong>Snapshot data path:</strong> {{ restore.source_path }}</div>
      <div><strong>Example staging destination:</strong> {{ restore.destination_path }}</div>
      <div class="muted">
        Restore from the snapshot's <code>data/</code> directory. Start with a dry run, restore to a staging path first,
        and only then copy data back to a live host or service path.
      </div>
    </div>
    <div class="stack spaced">
      <div><strong>Inspect the snapshot:</strong></div>
      <pre>{{ restore.inspect_command }}</pre>
    </div>
    <div class="stack spaced">
      <div><strong>Dry-run restore to staging:</strong></div>
      <pre>{{ restore.dry_run_command }}</pre>
    </div>
    <div class="stack spaced">
      <div><strong>Restore to staging:</strong></div>
      <pre>{{ restore.local_command }}</pre>
    </div>
    <div class="stack spaced">
      <div><strong>Dry-run a directory restore:</strong></div>
      <pre>{{ restore.partial_dry_run_command }}</pre>
      <div class="muted">Replace <code>{{ restore.example_relative_path }}</code> with the path you want to restore.</div>
    </div>
    <div class="stack spaced">
      <div><strong>Dry-run a single file restore:</strong></div>
      <pre>{{ restore.file_dry_run_command }}</pre>
      <div class="muted">Replace <code>{{ restore.example_file_relative_path }}</code> with the file you want to restore.</div>
    </div>
    <div class="stack spaced">
      <div><strong>Dry-run restore back to the original host:</strong></div>
      <pre>{{ restore.remote_dry_run_command }}</pre>
    </div>
    <p class="muted">
      Snapshots can contain hardlinks to files shared with earlier snapshots. Treat snapshot directories as read-only:
      copy data out with rsync instead of editing files in place.
    </p>
  </section>

  <section class="panel">
    <h2>Backup Runs</h2>
    <table>
      <thead>
        <tr>
          <th>Run</th>
          <th>Status</th>
          <th>Started</th>
          <th>Ended</th>
        </tr>
      </thead>
      <tbody>
        {% for run in backup_runs %}
          <tr>
            <td><a href="{% url 'run_detail' run.id %}">Run {{ run.id }}</a></td>
            <td><span class="status {{ run.status }}">{{ run.status }}</span></td>
            <td>{{ run.started_at|default:"" }}</td>
            <td>{{ run.ended_at|default:"" }}</td>
          </tr>
        {% empty %}
          <tr><td colspan="4" class="muted">No backup runs linked to this snapshot.</td></tr>
        {% endfor %}
      </tbody>
    </table>
  </section>

  <section class="panel">
    <h2>Derived Snapshots</h2>
    <table>
      <thead>
        <tr>
          <th>Kind</th>
          <th>Status</th>
          <th>Started</th>
          <th>Dirname</th>
        </tr>
      </thead>
      <tbody>
        {% for child in derived_snapshots %}
          <tr>
            <td>{{ child.kind }}</td>
            <td>{{ child.status }}</td>
            <td>{{ child.started_at|default:"" }}</td>
            <td><a href="{% url 'snapshot_detail' child.id %}">{{ child.dirname }}</a></td>
          </tr>
        {% empty %}
          <tr><td colspan="4" class="muted">No derived snapshots linked to this snapshot.</td></tr>
        {% endfor %}
      </tbody>
    </table>
  </section>

  <section class="panel">
    <h2>Metadata</h2>
    <pre>{{ metadata_json }}</pre>
  </section>
{% endblock %}