{% 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="dashboard-priority-grid" aria-label="Operator priorities">
    <article class="panel priority-panel dashboard-panel-required">
      <h2>Required Action</h2>
      {% if action_items %}
        <div class="action-list">
          {% for item in action_items %}
            <a class="action-row {{ item.status }}" href="{{ item.url }}">
              <span class="status {{ item.status }}">{{ item.label }}</span>
              <span>
                <strong>{{ item.host.host }}</strong>
                <span class="muted">{{ item.message }}</span>
              </span>
            </a>
          {% endfor %}
        </div>
      {% elif counts.hosts %}
        <p><span class="status ok">ok</span> No queued, running, unreviewed warning/failed runs, or retention warnings.</p>
      {% else %}
        <p class="muted">Add a host to start tracking backup status here.</p>
      {% endif %}
      {% if counts.running_runs or counts.queued_runs %}
        <div class="operator-state">
          {% 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>
            </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.</strong>
            </a>
          {% endif %}
        </div>
      {% endif %}
    </article>

    <article class="panel priority-panel dashboard-panel-schedules">
      <h2>Next Scheduled Work <a class="button-link secondary compact" href="{% url 'schedules_list' %}">View all</a></h2>
      {% if next_schedule_rows %}
        <div class="schedule-list">
          {% for row in next_schedule_rows %}
            <a class="schedule-row" href="{% url 'host_detail' row.schedule.host.host %}">
              <span>
                <strong>{{ row.schedule.host.host }}</strong>
                <span class="muted">{{ row.schedule.cron_expr }}</span>
              </span>
              <span class="schedule-time">
                {% if row.next_run_at %}
                  {{ row.next_run_at|date:"Y-m-d H:i T" }}
                  <span class="muted">{{ scheduler_timezone }}</span>
                {% else %}
                  <span class="muted">not due</span>
                {% endif %}
              </span>
            </a>
          {% endfor %}
        </div>
      {% else %}
        <p class="muted">No enabled schedules yet.</p>
      {% endif %}
    </article>

    <article class="panel priority-panel dashboard-panel-activity">
      <h2>Recent Activity <a class="button-link secondary compact" href="{% url 'runs_list' %}">View all</a></h2>
      {% if recent_runs %}
        <div class="activity-list">
          {% for run in recent_runs %}
            <a class="activity-row" href="{% url 'run_detail' run.id %}">
              <span class="status {{ run.status }}">{{ run.status }}</span>
              <span>
                <strong>Run {{ run.id }}</strong>
                <span class="muted">{{ run.host.host }} · {{ run.run_type }} · {{ run.started_at|default:run.created_at }}</span>
              </span>
            </a>
          {% endfor %}
        </div>
      {% else %}
        <p class="muted">No backup runs recorded yet.</p>
      {% endif %}
    </article>

    <article class="panel priority-panel dashboard-panel-storage">
      <h2>Storage Pressure</h2>
      {% if stats_summary.runs_sampled %}
        <div class="storage-priority">
          <div>
            <div class="label">Backup root 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>
          <div class="storage-priority-facts">
            <div>
              <span class="label">Runway</span>
              <strong>
                {% 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 %}
              </strong>
            </div>
            <div>
              <span class="label">New data</span>
              <strong>{{ stats_summary.avg_daily_literal_data_bytes|filesizeformat }}/day</strong>
            </div>
            <div>
              <span class="label">Available</span>
              <strong>{{ stats_summary.capacity.available_bytes|filesizeformat }}</strong>
            </div>
          </div>
        </div>
      {% else %}
        <p class="muted">Storage pressure appears after the first completed backup with stats.</p>
      {% endif %}
    </article>
  </section>

  <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>

  <section class="panel dashboard-hosts-panel" id="hosts">
    <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>

{% endblock %}