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

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

{% block content %}
  <h1>{{ host.host }}</h1>

  <section class="actions" aria-label="Host actions">
    <form method="post" action="{% url 'discover_host_snapshots' host.host %}">
      {% csrf_token %}
      <button type="submit">Discover snapshots</button>
    </form>
  </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">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>

  <div class="two-col">
    <section class="panel">
      <h2>Config</h2>
      <div class="stack">
        <div><strong>Address:</strong> {{ host.address }}</div>
        <div><strong>Enabled:</strong> {{ host.enabled|yesno:"yes,no" }}</div>
        <div><strong>SSH:</strong> {{ host.ssh_user|default:"global" }}{% if host.ssh_port %}:{{ host.ssh_port }}{% endif %}</div>
        <div><strong>Source:</strong> {{ host.source_root|default:"global default" }}</div>
        <div><strong>Retention:</strong> daily {{ host.retention_daily }}, weekly {{ host.retention_weekly }}, monthly {{ host.retention_monthly }}, yearly {{ host.retention_yearly }}</div>
      </div>
    </section>

    <section class="panel">
      <h2>Schedule</h2>
      {% if schedule %}
        <div class="stack">
          <div><strong>Cron:</strong> {{ schedule.cron_expr }}</div>
          <div><strong>Enabled:</strong> {{ schedule.enabled|yesno:"yes,no" }}</div>
          <div><strong>Prune:</strong> {{ schedule.prune|yesno:"yes,no" }}</div>
          <div><strong>Last status:</strong> {{ schedule.last_status|default:"" }}</div>
          <div><strong>Last started:</strong> {{ schedule.last_started_at|default:"" }}</div>
          <div><strong>Last finished:</strong> {{ schedule.last_finished_at|default:"" }}</div>
        </div>
      {% else %}
        <p class="muted">No schedule configured.</p>
      {% endif %}
    </section>
  </div>

  <section class="panel">
    <h2>Latest Runs</h2>
    <table>
      <thead>
        <tr>
          <th>Status</th>
          <th>Started</th>
          <th>Ended</th>
          <th>Snapshot</th>
          <th>Base</th>
          <th>Rsync</th>
        </tr>
      </thead>
      <tbody>
        {% for run in latest_runs %}
          <tr>
            <td><span class="status {{ run.status }}">{{ run.status }}</span></td>
            <td>{{ run.started_at|default:"" }}</td>
            <td>{{ run.ended_at|default:"" }}</td>
            <td>{% if run.snapshot %}{{ run.snapshot.dirname }}{% else %}<span class="muted">{{ run.snapshot_path }}</span>{% endif %}</td>
            <td>{{ run.base_path|default:"" }}</td>
            <td>{{ run.rsync_exit_code|default:"" }}</td>
          </tr>
        {% empty %}
          <tr><td colspan="6" class="muted">No backup runs recorded for this host.</td></tr>
        {% endfor %}
      </tbody>
    </table>
  </section>

  <section class="panel">
    <h2>Snapshots</h2>
    <table>
      <thead>
        <tr>
          <th>Kind</th>
          <th>Status</th>
          <th>Started</th>
          <th>Dirname</th>
          <th>Base</th>
        </tr>
      </thead>
      <tbody>
        {% for snapshot in snapshots %}
          <tr>
            <td>{{ snapshot.kind }}</td>
            <td>{{ snapshot.status }}</td>
            <td>{{ snapshot.started_at|default:"" }}</td>
            <td>{{ snapshot.dirname }}</td>
            <td>{% if snapshot.base %}{{ snapshot.base.dirname }}{% else %}{{ snapshot.base_dirname }}{% endif %}</td>
          </tr>
        {% empty %}
          <tr><td colspan="5" class="muted">No snapshots discovered for this host.</td></tr>
        {% endfor %}
      </tbody>
    </table>
  </section>
{% endblock %}