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

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

{% block content %}
  <header class="page-header">
    <div class="page-title">
      <div class="page-kicker">Control panel</div>
      <h1>Dashboard</h1>
      <div class="page-subtitle">Backup health, required action, storage pressure, and recent activity in one place.</div>
    </div>
    <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>
  </header>

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

  <div
    data-refresh-url="{% url 'dashboard_priority_live' %}"
    data-refresh-interval="10000"
    data-refresh-active="true"
    aria-live="polite"
  >
    {% include "pobsync_backend/partials/dashboard_priority.html" %}
  </div>

  <section class="grid dashboard-summary-grid" aria-label="Summary">
    <a class="metric metric-link" href="#hosts"><div class="label">Hosts</div><div class="value">{{ counts.enabled_hosts }}/{{ counts.hosts }}</div></a>
    <a class="metric metric-link" href="{% url 'schedules_list' %}"><div class="label">Schedules</div><div class="value">{{ counts.enabled_schedules }}/{{ counts.schedules }}</div></a>
    <a class="metric metric-link" href="{% url 'snapshots_list' %}"><div class="label">Snapshots</div><div class="value">{{ counts.snapshots }}</div></a>
    <a class="metric metric-link" href="{% url 'runs_list' %}"><div class="label">Runs</div><div class="value">{{ counts.runs }}</div></a>
    <a class="metric metric-link {% if counts.warning_runs %}warning{% endif %}" href="{% url 'runs_list' %}?status=warning&amp;review=needed"><div class="label">Warnings</div><div class="value">{{ counts.warning_runs }}</div></a>
    <a class="metric metric-link {% if counts.failed_runs %}failed{% endif %}" href="{% url 'runs_list' %}?status=failed&amp;review=needed"><div class="label">Failed</div><div class="value">{{ counts.failed_runs }}</div></a>
  </section>

  <section class="panel dashboard-trends-panel">
    <h2>Backup Trends</h2>
    {% if stats_summary.runs_sampled %}
      <div class="insight-grid" aria-label="Backup trends">
        <div class="insight-item">
          <div class="label">Runway</div>
          <div class="value">
            {% if stats_summary.estimated_days_until_full %}
              {{ stats_summary.estimated_days_until_full }} days
            {% elif stats_summary.estimated_runs_until_full %}
              {{ stats_summary.estimated_runs_until_full }} runs
            {% else %}
              unknown
            {% endif %}
          </div>
          <div class="muted">Estimated from average new data per day.</div>
        </div>
        <div class="insight-item">
          <div class="label">New Data</div>
          <div class="value">{{ stats_summary.avg_daily_literal_data_bytes|filesizeformat }}/day</div>
          <div class="muted">{{ stats_summary.avg_literal_data_bytes|filesizeformat }} per backup on average.</div>
        </div>
        <div class="insight-item">
          <div class="label">Link-Dest Savings</div>
          <div class="value">
            {% if stats_summary.link_dest_savings_percent is not None %}
              {{ stats_summary.link_dest_savings_percent|floatformat:1 }}%
            {% else %}
              unknown
            {% endif %}
          </div>
          <div class="muted">{{ stats_summary.total_matched_data_bytes|filesizeformat }} reused across sampled runs.</div>
        </div>
        <div class="insight-item">
          <div class="label">Average Duration</div>
          <div class="value">{{ stats_summary.avg_duration_seconds|default:"unknown" }}{% if stats_summary.avg_duration_seconds is not None %}s{% endif %}</div>
          <div class="muted">Based on {{ stats_summary.runs_sampled }} completed backup run{{ stats_summary.runs_sampled|pluralize }} with stats.</div>
        </div>
      </div>
    {% else %}
      <p class="muted">No completed backup runs with stats yet. This section will show disk usage, growth estimates, and link-dest savings after the first real backup finishes.</p>
    {% endif %}
  </section>

  <div
    data-refresh-url="{% url 'dashboard_hosts_live' %}"
    data-refresh-interval="15000"
    data-refresh-active="true"
    aria-live="polite"
  >
    {% include "pobsync_backend/partials/dashboard_hosts.html" %}
  </div>

{% endblock %}