{% 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">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>

  {% if stats_summary.runs_sampled %}
    <section class="grid" aria-label="Backup trends">
      <div class="metric"><div class="label">Backup Root Used</div><div class="value">{{ stats_summary.capacity.used_percent|default:"" }}{% if stats_summary.capacity.used_percent is not None %}%{% endif %}</div></div>
      <div class="metric"><div class="label">Available</div><div class="value">{{ stats_summary.capacity.available_bytes|filesizeformat }}</div></div>
      <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">Avg Duration</div><div class="value">{{ stats_summary.avg_duration_seconds|default:"" }}{% if stats_summary.avg_duration_seconds is not None %}s{% endif %}</div></div>
      <div class="metric"><div class="label">Link-Dest Savings</div><div class="value">{{ stats_summary.link_dest_savings_ratio|default:"" }}</div></div>
      <div class="metric"><div class="label">Runs Until Full</div><div class="value">{{ stats_summary.estimated_runs_until_full|default:"" }}</div></div>
      <div class="metric"><div class="label">Days Until Full</div><div class="value">{{ stats_summary.estimated_days_until_full|default:"" }}</div></div>
    </section>
  {% endif %}

  <section class="panel">
    <h2>Hosts</h2>
    <div class="host-list">
      {% for host in hosts %}
        <article class="host-card">
          <div class="host-card-header">
            <div class="host-card-title">
              <a href="{% url 'host_detail' host.host %}">{{ host.host }}</a>
              <span class="muted">{{ host.address }}</span>
            </div>
            <div class="host-card-status">
              <span class="status {% if host.enabled %}ok{% else %}skipped{% endif %}">{{ host.enabled|yesno:"enabled,disabled" }}</span>
            </div>
          </div>
          <div class="host-card-layout">
            <div class="host-card-timeline">
              <div class="host-card-item">
                <div class="label">Latest Snapshot</div>
                <div class="value">
                {% if host.latest_snapshot %}
                  <a href="{% url 'snapshot_detail' host.latest_snapshot.id %}">{{ host.latest_snapshot.dirname }}</a>
                  <div class="muted">{{ host.latest_snapshot.kind }} {{ host.latest_snapshot.status }}</div>
                {% else %}
                  <span class="muted">none</span>
                {% endif %}
                </div>
              </div>
              <div class="host-card-item">
                <div class="label">Latest Run</div>
                <div class="value">
                {% if host.stats_summary.latest_run.id %}
                  <a href="{% url 'run_detail' host.stats_summary.latest_run.id %}">Run {{ host.stats_summary.latest_run.id }}</a>
                  <div class="muted">{{ host.stats_summary.latest_run.run_type }} {{ host.stats_summary.latest_run.duration_seconds|default:"" }}{% if host.stats_summary.latest_run.duration_seconds is not None %}s{% endif %}</div>
                {% else %}
                  <span class="muted">none</span>
                {% endif %}
                </div>
              </div>
              <div class="host-card-item">
                <div class="label">Next Run</div>
                <div class="value">
                {% if host.next_run_at %}
                  {{ host.next_run_at|date:"Y-m-d H:i T" }}
                  <div class="muted">{{ scheduler_timezone }}</div>
                {% else %}
                  <span class="muted">none</span>
                {% endif %}
                </div>
              </div>
            </div>
            <div class="host-card-stats">
              <div class="host-card-stat">
                <div class="label">Snapshots</div>
                <div class="value">{{ host.snapshot_count }}</div>
              </div>
              <div class="host-card-stat">
                <div class="label">Runs</div>
                <div class="value">{{ host.run_count }}</div>
              </div>
              <div class="host-card-stat">
                <div class="label">New Data</div>
                <div class="value">{{ host.stats_summary.latest_run.rsync.literal_data_bytes|filesizeformat }}</div>
              </div>
              <div class="host-card-stat">
                <div class="label">Retention</div>
                <div class="value">d{{ host.retention_daily }} w{{ host.retention_weekly }} m{{ host.retention_monthly }} y{{ host.retention_yearly }}</div>
              </div>
            </div>
          </div>
        </article>
      {% empty %}
        <p class="muted">No hosts configured yet.</p>
      {% endfor %}
    </div>
  </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>
        </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>
          </tr>
        {% empty %}
          <tr><td colspan="5" class="muted">No backup runs recorded yet.</td></tr>
        {% endfor %}
      </tbody>
    </table>
  </section>
{% endblock %}