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

  <section class="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.queued_runs %}queued{% endif %}" href="{% url 'runs_list' %}?status=queued"><div class="label">Queued</div><div class="value">{{ counts.queued_runs }}</div></a>
    <a class="metric metric-link {% if counts.running_runs %}running{% endif %}" href="{% url 'runs_list' %}?status=running"><div class="label">Running</div><div class="value">{{ counts.running_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">
    <h2>Operational Status</h2>
    {% if counts.failed_runs or counts.warning_runs or counts.running_runs or counts.queued_runs %}
      <div class="status-overview">
        {% if counts.failed_runs %}
          <a class="status-summary failed" href="{% url 'runs_list' %}?status=failed&amp;review=needed">
            <span class="status failed">failed</span>
            <strong>{{ counts.failed_runs }} failed run{{ counts.failed_runs|pluralize }} need{{ counts.failed_runs|pluralize:"s," }} review.</strong>
            <span class="summary-action">Review failed runs</span>
          </a>
        {% endif %}
        {% if counts.warning_runs %}
          <a class="status-summary warning" href="{% url 'runs_list' %}?status=warning&amp;review=needed">
            <span class="status warning">warning</span>
            <strong>{{ counts.warning_runs }} run{{ counts.warning_runs|pluralize }} completed with warnings.</strong>
            <span class="summary-action">Review warnings</span>
          </a>
        {% endif %}
        {% if counts.running_runs %}
          <a class="status-summary running" href="{% url 'runs_list' %}?status=running">
            <span class="status running">running</span>
            <strong>{{ counts.running_runs }} backup run{{ counts.running_runs|pluralize }} in progress.</strong>
            <span class="summary-action">View running runs</span>
          </a>
        {% endif %}
        {% if counts.queued_runs %}
          <a class="status-summary queued" href="{% url 'runs_list' %}?status=queued">
            <span class="status queued">queued</span>
            <strong>{{ counts.queued_runs }} backup run{{ counts.queued_runs|pluralize }} waiting for the worker.</strong>
            <span class="summary-action">View queued runs</span>
          </a>
        {% endif %}
      </div>
    {% elif counts.hosts %}
      <p><span class="status ok">ok</span> No queued, running, or unreviewed warning/failed runs.</p>
    {% else %}
      <p class="muted">Add a host to start tracking backup status here.</p>
    {% endif %}
  </section>

  <section class="panel" id="hosts">
    <h2>Backup Trends</h2>
    {% if stats_summary.runs_sampled %}
      <div class="insight-grid" aria-label="Backup trends">
        <div class="insight-main">
          <div class="label">Storage Used</div>
          <div class="value">
            {% if stats_summary.capacity.used_percent is not None %}
              {{ stats_summary.capacity.used_percent|floatformat:1 }}%
            {% else %}
              unknown
            {% endif %}
          </div>
          {% if stats_summary.capacity.used_percent is not None %}
            <div class="storage-meter" aria-label="Backup root storage usage">
              <span style="width: {{ stats_summary.capacity.used_percent|floatformat:0 }}%"></span>
            </div>
          {% endif %}
          <div class="muted">
            {{ stats_summary.capacity.available_bytes|filesizeformat }} available from the backup root.
          </div>
        </div>
        <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>

  <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>
              {% if host.queued_run_count %}
                <span class="status queued">queued {{ host.queued_run_count }}</span>
              {% endif %}
              {% if host.running_run_count %}
                <span class="status running">running {{ host.running_run_count }}</span>
              {% endif %}
              {% if host.warning_run_count %}
                <span class="status warning">warning {{ host.warning_run_count }}</span>
              {% endif %}
              {% if host.failed_run_count %}
                <span class="status failed">failed {{ host.failed_run_count }}</span>
              {% endif %}
            </div>
          </div>
          <div class="host-card-layout">
            <div class="host-card-section">
              <div class="host-card-section-title">Backup activity</div>
              <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">Last Good Backup</div>
                  <div class="value">
                  {% if host.stats_summary.latest_good_run.id %}
                    <a href="{% url 'run_detail' host.stats_summary.latest_good_run.id %}">Run {{ host.stats_summary.latest_good_run.id }}</a>
                    <div class="muted">{{ host.stats_summary.latest_good_run.run_type }} {{ host.stats_summary.latest_good_run.duration_seconds|default:"" }}{% if host.stats_summary.latest_good_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">Latest Issue</div>
                  <div class="value">
                  {% if host.stats_summary.latest_problem_run.id %}
                    <a href="{% url 'run_detail' host.stats_summary.latest_problem_run.id %}">Run {{ host.stats_summary.latest_problem_run.id }}</a>
                    <div><span class="status {{ host.stats_summary.latest_problem_run.status }}">{{ host.stats_summary.latest_problem_run.status }}</span></div>
                    <div class="muted">{{ host.stats_summary.latest_problem_run.run_type }} {{ host.stats_summary.latest_problem_run.duration_seconds|default:"" }}{% if host.stats_summary.latest_problem_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>
            <div class="host-card-section">
              <div class="host-card-section-title">Snapshot health</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>
          </div>
          {% if host.retention_warning.has_warning %}
            <div class="host-card-warning">
              <span class="status warning">retention</span>
              {% if host.retention_warning.prune_exceeded %}
                Scheduled prune would delete {{ host.retention_warning.delete_count }} snapshot(s), above max {{ host.retention_warning.max_delete }}.
              {% endif %}
              {% if host.retention_warning.incomplete_count %}
                {{ host.retention_warning.incomplete_count }} incomplete snapshot(s) need review.
                <form method="post" action="{% url 'resolve_host_incomplete_reviews' host.host %}">
                  {% csrf_token %}
                  <button type="submit" class="secondary">Mark reviewed</button>
                </form>
              {% endif %}
              {% if host.retention_warning.error %}
                {{ host.retention_warning.error }}
              {% endif %}
            </div>
          {% endif %}
        </article>
      {% empty %}
        <p class="muted">No hosts configured yet.</p>
      {% endfor %}
    </div>
  </section>

  <section class="panel">
    <h2>Latest Runs <a class="button-link secondary" href="{% url 'runs_list' %}">View all</a></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 %}