{% extends "layout/base.html" %}
{% block content %}
<h2 class="mb-4">Dashboard</h2>

<div class="bc-stat-grid mb-4">
  <div class="bc-stat-card bc-stat-large">
    <div class="bc-stat-label">
      <svg width="13" height="13" viewBox="0 0 15 15" fill="none"><path d="M1 9.5l2.5-5h8L14 9.5V13a1 1 0 01-1 1H2a1 1 0 01-1-1V9.5z" stroke="currentColor" stroke-width="1.3"/><path d="M1 9.5h3.5a2 2 0 004 0H14" stroke="currentColor" stroke-width="1.3"/></svg>
      Inbox
    </div>
    <div class="bc-stat-value">{{ inbox_count }}</div>
    <div class="bc-stat-sub">Open items</div>
  </div>

  <div class="bc-stat-card">
    <div class="bc-stat-label"><span class="status-dot dot-success me-1" aria-hidden="true"></span>Success</div>
    <div class="bc-stat-value bc-stat-success">{{ jobs_success_count }}</div>
  </div>

  <div class="bc-stat-card">
    <div class="bc-stat-label"><span class="status-dot dot-override me-1" aria-hidden="true"></span>Success (override)</div>
    <div class="bc-stat-value bc-stat-override">{{ jobs_success_override_count }}</div>
  </div>

  <div class="bc-stat-card">
    <div class="bc-stat-label"><span class="status-dot dot-expected me-1" aria-hidden="true"></span>Expected</div>
    <div class="bc-stat-value bc-stat-muted">{{ jobs_expected_count }}</div>
  </div>

  <div class="bc-stat-card">
    <div class="bc-stat-label"><span class="status-dot dot-warning me-1" aria-hidden="true"></span>Warning</div>
    <div class="bc-stat-value bc-stat-warning">{{ jobs_warning_count }}</div>
  </div>

  <div class="bc-stat-card">
    <div class="bc-stat-label"><span class="status-dot dot-failed me-1" aria-hidden="true"></span>Failed</div>
    <div class="bc-stat-value bc-stat-failed">{{ jobs_error_count }}</div>
  </div>

  <div class="bc-stat-card">
    <div class="bc-stat-label"><span class="status-dot dot-missed me-1" aria-hidden="true"></span>Missed</div>
    <div class="bc-stat-value bc-stat-muted">{{ jobs_missed_count }}</div>
  </div>
</div>

<div class="card mb-3">
  <div class="card-header py-2"><span class="fw-semibold" style="font-size:13px;">Legend</span></div>
  <div class="card-body py-2">
    <div class="d-flex flex-wrap gap-x-4 gap-y-1" style="column-gap:2rem;row-gap:.35rem;">
      <div class="small"><span class="status-dot dot-success me-2" aria-hidden="true"></span><strong>Success</strong> — job run completed successfully</div>
      <div class="small"><span class="status-dot dot-failed me-2" aria-hidden="true"></span><strong>Failed</strong> — job run failed, action required</div>
      <div class="small"><span class="status-dot dot-warning me-2" aria-hidden="true"></span><strong>Warning</strong> — job run completed with a warning</div>
      <div class="small"><span class="status-dot dot-missed me-2" aria-hidden="true"></span><strong>Missed</strong> — job run expected but did not execute</div>
      <div class="small"><span class="status-dot dot-expected me-2" aria-hidden="true"></span><strong>Expected</strong> — job run not yet due</div>
      <div class="small"><span class="status-dot dot-override me-2" aria-hidden="true"></span><strong>Success (override)</strong> — marked as successful via override</div>
    </div>
  </div>
</div>

{% if news_items %}
<div class="card mb-3">
  <div class="card-header d-flex align-items-center justify-content-between py-2">
    <span class="fw-semibold" style="font-size:13px;">News</span>
    {% if active_role == 'admin' %}
      <a class="btn btn-sm btn-outline-secondary" href="{{ url_for('main.settings', section='news') }}">Manage</a>
    {% endif %}
  </div>
  <div class="card-body py-3">
    <div class="d-flex flex-column gap-3">
      {% for item in news_items %}
      <div class="border rounded p-3">
        <div class="d-flex flex-wrap align-items-center justify-content-between gap-2 mb-2">
          <div class="fw-semibold">{{ item.title }}</div>
          <div class="d-flex align-items-center gap-2">
            {% if item.pinned %}
              <span class="badge text-bg-secondary">Pinned</span>
            {% endif %}
            {% if item.severity == 'warning' %}
              <span class="badge text-bg-warning">Warning</span>
            {% else %}
              <span class="badge text-bg-info">Info</span>
            {% endif %}
          </div>
        </div>
        <div class="small text-muted mb-2" style="white-space: pre-wrap;">{{ item.body }}</div>
        <div class="d-flex flex-wrap gap-2">
          {% if item.link_url %}
            <a class="btn btn-sm btn-outline-primary" href="{{ item.link_url }}" target="_blank" rel="noopener">Open link</a>
          {% endif %}
          <form method="post" action="{{ url_for('main.news_mark_read', news_id=item.id) }}">
            <button type="submit" class="btn btn-sm btn-outline-success">Mark as read</button>
          </form>
        </div>
      </div>
      {% endfor %}
    </div>
  </div>
</div>
{% endif %}

{% if active_role == 'admin' %}
<div class="card mb-3">
  <div class="card-header py-2"><span class="fw-semibold" style="font-size:13px;">System status</span></div>
  <div class="card-body py-3">
    <div class="row g-2 small">
      <div class="col-md-6"><span class="text-muted">Database size:</span> <strong>{{ db_size_human }}</strong></div>
      <div class="col-md-6">
        <span class="text-muted">Free disk space:</span>
        {% if free_disk_warning %}
          <strong class="text-danger">{{ free_disk_human }}</strong>
          <span class="text-danger">(mail import will be blocked below 2 GB)</span>
        {% else %}
          <strong>{{ free_disk_human }}</strong>
        {% endif %}
      </div>
    </div>
  </div>
</div>
{% endif %}

<div class="mt-3 small text-muted" style="max-width:900px;">
<p>Backupchecks provides a centralized and consistent overview of the health and reliability of all backups within your environment. The platform collects backup results from multiple backup solutions and normalizes them into a single, clear and consistent status model. This enables teams to monitor backup quality across different vendors and environments in a predictable and uniform way.</p>
<p>Backup results are imported and evaluated automatically. Each backup run is analyzed and assigned a status such as Success, Warning, Failed, or Success (override). These statuses are determined by interpreting exit codes, detected error messages, log content, and configured rules, ensuring that the reported outcome reflects the real operational impact rather than raw technical output alone.</p>
<p>Daily operational validation is performed from the Run Checks page. This page acts as the primary workspace for reviewing backup runs. All runs that require attention are listed here, allowing operators to systematically review results and decide on the appropriate next step. The main objective of this process is to actively review backup runs and keep the Run Checks page clear.</p>
</div>

{% endblock %}