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

{% block title %}pobsync dashboard{% endblock %}

{% block content %}
  <h1>Dashboard</h1>

  <section class="actions" aria-label="Dashboard actions">
    <a class="button-link" href="{% url 'create_host_config' %}">New host</a>
    <a class="button-link secondary" href="{% url 'edit_global_config' %}">{% if global_config %}Edit global config{% else %}Create global config{% endif %}</a>
  </section>

  {% if not global_config or not counts.hosts %}
    <section class="panel">
      <h2>Setup</h2>
      {% if not global_config %}
        <p class="muted">No default global config exists yet. Create it first so discovery, backups, and retention know where pobsync stores snapshots.</p>
        <div class="actions inline">
          <a class="button-link" href="{% url 'edit_global_config' %}">Create global config</a>
        </div>
      {% elif not counts.hosts %}
        <p class="muted">Global config is ready. Add the first host to make this dashboard useful.</p>
        <div class="actions inline">
          <a class="button-link" href="{% url 'create_host_config' %}">Add first host</a>
        </div>
      {% endif %}
    </section>
  {% endif %}

  <section class="grid" aria-label="Summary">
    <div class="metric"><div class="label">Global Configs</div><div class="value">{{ counts.global_configs }}</div></div>
    <div class="metric"><div class="label">Hosts</div><div class="value">{{ counts.enabled_hosts }}/{{ counts.hosts }}</div></div>
    <div class="metric"><div class="label">Schedules</div><div class="value">{{ counts.enabled_schedules }}/{{ counts.schedules }}</div></div>
    <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">Running</div><div class="value">{{ counts.running_runs }}</div></div>
    <div class="metric"><div class="label">Failed</div><div class="value">{{ counts.failed_runs }}</div></div>
  </section>

  <section class="panel">
    <h2>Hosts</h2>
    <table>
      <thead>
        <tr>
          <th>Host</th>
          <th>Address</th>
          <th>Enabled</th>
          <th>Snapshots</th>
          <th>Runs</th>
          <th>Retention</th>
        </tr>
      </thead>
      <tbody>
        {% for host in hosts %}
          <tr>
            <td><a href="{% url 'host_detail' host.host %}">{{ host.host }}</a></td>
            <td>{{ host.address }}</td>
            <td>{{ host.enabled|yesno:"yes,no" }}</td>
            <td>{{ host.snapshot_count }}</td>
            <td>{{ host.run_count }}</td>
            <td>d{{ host.retention_daily }} w{{ host.retention_weekly }} m{{ host.retention_monthly }} y{{ host.retention_yearly }}</td>
          </tr>
        {% empty %}
          <tr><td colspan="6" class="muted">No hosts configured yet.</td></tr>
        {% endfor %}
      </tbody>
    </table>
  </section>

  <section class="panel">
    <h2>Latest Runs</h2>
    <table>
      <thead>
        <tr>
          <th>Host</th>
          <th>Status</th>
          <th>Started</th>
          <th>Ended</th>
          <th>Snapshot</th>
          <th>Rsync</th>
        </tr>
      </thead>
      <tbody>
        {% for run in latest_runs %}
          <tr>
            <td><a href="{% url 'host_detail' run.host.host %}">{{ run.host.host }}</a></td>
            <td><a href="{% url 'run_detail' run.id %}"><span class="status {{ run.status }}">{{ run.status }}</span></a></td>
            <td>{{ run.started_at|default:"" }}</td>
            <td>{{ run.ended_at|default:"" }}</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>
            <td>{{ run.rsync_exit_code|default:"" }}</td>
          </tr>
        {% empty %}
          <tr><td colspan="6" class="muted">No backup runs recorded yet.</td></tr>
        {% endfor %}
      </tbody>
    </table>
  </section>
{% endblock %}