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

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

{% block content %}
  <h1>{{ snapshot.dirname }}</h1>

  <section class="actions" aria-label="Snapshot actions">
    <a class="button-link" href="{% url 'host_detail' snapshot.host.host %}">Back to host</a>
  </section>

  <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>

  <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 %}