{% extends "base.html" %}
{% block title %}Operations Report · SD RMM{% endblock %}
{% block content %}
{% set oq = ('?org=' ~ sel_org) if sel_org else '' %}
{% set f = report.fleet %}{% set s = report.security %}{% set p = report.patch %}{% set inv = report.inventory %}{% set al = report.alerts %}

<style>
  .rv-bar { display:flex; justify-content:space-between; align-items:flex-end; gap:14px; flex-wrap:wrap; margin-bottom:16px; }
  .rv-title h1 { margin:0 0 2px; } .rv-title .meta { color:var(--muted); font-size:13px; }
  .rv-card { background:var(--surface); border:1px solid var(--line); border-radius:var(--r-lg); padding:18px; box-shadow:var(--shadow-1); margin-bottom:14px; }
  .rv-card h2 { font-size:13px; font-weight:700; margin:0 0 14px; text-transform:uppercase; letter-spacing:.4px; color:var(--muted); border-bottom:1px solid var(--line-soft); padding-bottom:8px; }
  .kpis { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; }
  @media (max-width:760px){ .kpis { grid-template-columns:repeat(2,1fr); } }
  .kpi { background:var(--surface-2); border:1px solid var(--line); border-radius:var(--r-md); padding:12px 14px; }
  .kpi .v { font:700 24px/1 var(--font-sans); font-variant-numeric:tabular-nums; }
  .kpi .v.warn { color:var(--warn); } .kpi .v.bad { color:#fca5a5; } .kpi .v.ok { color:var(--ok); }
  .kpi .k { font-size:10px; text-transform:uppercase; letter-spacing:.5px; color:var(--muted); font-weight:700; margin-top:6px; }
  table.rv { width:100%; border-collapse:collapse; font-size:12.5px; }
  table.rv th { text-align:left; color:var(--muted); font-weight:600; font-size:10px; text-transform:uppercase; letter-spacing:.4px; padding:6px 8px; border-bottom:1px solid var(--line); }
  table.rv td { padding:6px 8px; border-bottom:1px solid var(--line-soft); }
  table.rv td.num { text-align:right; font-variant-numeric:tabular-nums; }
  .chips { display:flex; gap:8px; flex-wrap:wrap; }
  .chip { display:inline-block; padding:3px 10px; border-radius:999px; font:600 12px/1.5 var(--font-sans); background:var(--surface-2); border:1px solid var(--line); }
  .chip.bad { color:#fca5a5; } .chip.warn { color:var(--warn); } .chip.ok { color:var(--ok); }
  .muted { color:var(--muted); } .two { display:grid; grid-template-columns:1fr 1fr; gap:14px; } @media (max-width:700px){ .two { grid-template-columns:1fr; } }
  @media print {
    .appbar, .footer, .no-print { display:none !important; }
    body, .container { background:#fff !important; }
    .rv-card { break-inside:avoid; box-shadow:none; border-color:#bbb; }
    .rv-title h1, .rv-card, table.rv td, .kpi .v { color:#000 !important; }
    .kpi, .chip, table.rv th { background:#f4f4f4 !important; }
  }
</style>

<div class="rv-bar">
  <div class="rv-title">
    <h1 class="page-title">Operations Report</h1>
    <div class="meta">Scope: <strong>{{ scope_label }}</strong> &middot; generated {{ generated| pt('%Y-%m-%d %H:%M') }} &middot; SD RMM</div>
  </div>
  <div class="no-print" style="display:flex; gap:10px; flex-wrap:wrap;">
    <a class="btn btn-ghost" href="/reports{{ oq }}">&lsaquo; Reports</a>
    <button class="btn btn-primary" type="button" onclick="window.print()">Print / Save PDF</button>
  </div>
</div>

{% if user.is_super_admin %}
<div class="card no-print" style="margin:14px 0;padding:14px 16px;">
  <form method="post" action="/reports/settings" style="display:flex;gap:12px;flex-wrap:wrap;align-items:flex-end;">
    <input type="hidden" name="org" value="{{ sel_org or '' }}">
    <div><label style="font-size:11px;color:var(--muted);display:block;margin-bottom:3px;">Client report recipient{% if not sel_org %} — pick an org above first{% endif %}</label>
      <input type="email" name="report_email" value="{{ report_email }}" placeholder="client@company.com" {% if not sel_org %}disabled{% endif %} style="padding:7px 10px;min-width:230px;background:var(--surface-2);border:1px solid var(--line);color:var(--ink);border-radius:8px;"></div>
    <label style="font-size:12.5px;">&nbsp;<br><input type="checkbox" name="monthly_enabled" {% if monthly_on %}checked{% endif %}> Auto-send on the 1st of each month</label>
    <div><label style="font-size:11px;color:var(--muted);display:block;margin-bottom:3px;">Hour (UTC)</label>
      <select name="monthly_hour" style="padding:7px 10px;background:var(--surface-2);border:1px solid var(--line);color:var(--ink);border-radius:8px;">{% for h in range(24) %}<option value="{{ h }}" {% if monthly_hour|int==h %}selected{% endif %}>{{ '%02d:00'|format(h) }}</option>{% endfor %}</select></div>
    <button class="btn btn-primary" type="submit">Save schedule</button>
  </form>
  {% if sel_org %}
  <form method="post" action="/reports/email/send" style="margin-top:10px;display:flex;gap:8px;align-items:flex-end;flex-wrap:wrap;">
    <input type="hidden" name="org" value="{{ sel_org }}">
    <div><label style="font-size:11px;color:var(--muted);display:block;margin-bottom:3px;">Send now to (blank = saved recipient)</label>
      <input type="email" name="to" placeholder="{{ report_email or 'client@company.com' }}" style="padding:7px 10px;min-width:230px;background:var(--surface-2);border:1px solid var(--line);color:var(--ink);border-radius:8px;"></div>
    <button class="btn" type="submit">Email this report now</button>
  </form>
  {% endif %}
  {% if saved == 'sent' %}<p style="color:var(--ok);font-size:12px;margin:8px 0 0;">Report emailed.</p>{% elif saved == 'nodest' %}<p style="color:#fca5a5;font-size:12px;margin:8px 0 0;">No recipient configured for this org.</p>{% elif saved %}<p style="color:var(--ok);font-size:12px;margin:8px 0 0;">Saved.</p>{% endif %}
</div>
{% endif %}

<!-- Executive summary -->
<div class="rv-card">
  <h2>Executive summary</h2>
  <div class="kpis">
    <div class="kpi"><div class="v">{{ f.online }}<span class="muted" style="font-size:15px;">/{{ f.total }}</span></div><div class="k">Devices online</div></div>
    <div class="kpi"><div class="v {{ 'bad' if s.by_severity.get('crit') else ('warn' if s.open else 'ok') }}">{{ s.open }}</div><div class="k">Open detections{% if s.by_severity.get('crit') %} ({{ s.by_severity.get('crit') }} crit){% endif %}</div></div>
    <div class="kpi"><div class="v {{ 'warn' if p.available else 'ok' }}">{{ p.available }}</div><div class="k">Updates pending{% if p.security %} ({{ p.security }} security){% endif %}</div></div>
    <div class="kpi"><div class="v {{ 'warn' if al.firing else 'ok' }}">{{ al.firing }}</div><div class="k">Active alerts</div></div>
  </div>
  <div class="chips" style="margin-top:14px;">
    {% if f.isolated %}<span class="chip bad">{{ f.isolated }} isolated</span>{% endif %}
    {% if s.edr_off %}<span class="chip warn">{{ s.edr_off }} with EDR off</span>{% endif %}
    {% if p.reboots %}<span class="chip warn">{{ p.reboots }} awaiting reboot</span>{% endif %}
    {% for os, n in f.os_breakdown.items() %}<span class="chip">{{ n }} × {{ os }}</span>{% endfor %}
  </div>
</div>

<!-- Fleet health -->
<div class="rv-card">
  <h2>Fleet health &mdash; {{ f.total }} device(s)</h2>
  {% if f.devices %}
  <table class="rv">
    <thead><tr><th>Host</th><th>OS</th><th>Status</th><th class="num">CPU</th><th class="num">RAM</th><th class="num">Disk</th><th>Last seen (PT)</th></tr></thead>
    <tbody>
      {% for d in f.devices %}
      <tr>
        <td><strong>{{ d.agent.hostname }}</strong>{% if d.agent.isolated %} <span class="chip bad">isolated</span>{% endif %}</td>
        <td class="muted">{{ d.agent.os }} {{ d.agent.os_version or '' }}</td>
        <td>{% if d.online %}<span class="chip ok">online</span>{% else %}<span class="chip muted">offline</span>{% endif %}</td>
        <td class="num">{{ '%.0f%%'|format(d.cpu) if d.cpu is not none else '—' }}</td>
        <td class="num">{{ '%.0f%%'|format(d.ram) if d.ram is not none else '—' }}</td>
        <td class="num">{{ '%.0f%%'|format(d.disk) if d.disk is not none else '—' }}</td>
        <td class="mono muted">{{ d.last_seen| pt('%m-%d %H:%M') if d.last_seen else 'never' }}</td>
      </tr>
      {% endfor %}
    </tbody>
  </table>
  {% else %}<p class="muted">No devices in scope.</p>{% endif %}
</div>

<div class="two">
  <!-- Security posture -->
  <div class="rv-card">
    <h2>Security posture</h2>
    <div class="chips">
      <span class="chip {{ 'bad' if s.by_severity.get('crit') else 'ok' }}">{{ s.by_severity.get('crit', 0) }} critical</span>
      <span class="chip {{ 'warn' if s.by_severity.get('warn') else '' }}">{{ s.by_severity.get('warn', 0) }} warning</span>
      <span class="chip">{{ s.last_30d }} in 30d</span>
      <span class="chip">{{ s.by_state.get('closed', 0) }} closed</span>
    </div>
    {% if s.recent_crit %}
    <p class="muted" style="margin:14px 0 6px; font-size:11px; text-transform:uppercase; letter-spacing:.4px;">Open critical detections</p>
    <table class="rv">
      <thead><tr><th>When</th><th>Rule</th><th>Summary</th></tr></thead>
      <tbody>
        {% for d in s.recent_crit %}
        <tr><td class="mono muted">{{ d.ts| pt('%m-%d %H:%M') }}</td><td class="mono">{{ d.rule_id }}</td><td>{{ d.summary }}</td></tr>
        {% endfor %}
      </tbody>
    </table>
    {% else %}<p class="muted" style="margin-top:14px;">No open critical detections. &check;</p>{% endif %}
  </div>

  <!-- Software inventory -->
  <div class="rv-card">
    <h2>Software inventory</h2>
    <div class="chips">
      <span class="chip">{{ "{:,}".format(inv.distinct) }} distinct packages</span>
      <span class="chip">{{ "{:,}".format(inv.total) }} total installs</span>
      <span class="chip">{{ inv.devices_reporting }} devices reporting</span>
    </div>
    {% if inv.top %}
    <p class="muted" style="margin:14px 0 6px; font-size:11px; text-transform:uppercase; letter-spacing:.4px;">Most common</p>
    <table class="rv">
      <thead><tr><th>Package</th><th class="num">Devices</th></tr></thead>
      <tbody>
        {% for t in inv.top %}<tr><td>{{ t.name }}</td><td class="num">{{ t.devices }}</td></tr>{% endfor %}
      </tbody>
    </table>
    {% else %}<p class="muted" style="margin-top:14px;">No inventory reported yet.</p>{% endif %}
  </div>
</div>

<!-- Patch compliance -->
<div class="rv-card">
  <h2>Patch compliance</h2>
  <div class="kpis">
    <div class="kpi"><div class="v">{{ p.scanned }}<span class="muted" style="font-size:15px;">/{{ f.total }}</span></div><div class="k">Devices scanned</div></div>
    <div class="kpi"><div class="v {{ 'warn' if p.available else 'ok' }}">{{ p.available }}</div><div class="k">Updates pending</div></div>
    <div class="kpi"><div class="v {{ 'bad' if p.security else 'ok' }}">{{ p.security }}</div><div class="k">Security updates</div></div>
    <div class="kpi"><div class="v {{ 'bad' if p.reboots else 'ok' }}">{{ p.reboots }}</div><div class="k">Awaiting reboot</div></div>
  </div>
  {% if p.devices %}
  <table class="rv" style="margin-top:14px;">
    <thead><tr><th>Host</th><th>OS</th><th class="num">Available</th><th class="num">Security</th><th>Reboot</th><th>Last scan</th></tr></thead>
    <tbody>
      {% for d in p.devices %}
      <tr>
        <td><strong>{{ d.agent.hostname }}</strong></td>
        <td class="muted">{{ d.agent.os }}</td>
        {% if d.st %}
        <td class="num">{{ d.st.available }}</td>
        <td class="num">{{ d.st.security }}</td>
        <td>{% if d.st.reboot_required %}<span class="chip bad">required</span>{% else %}<span class="muted">no</span>{% endif %}</td>
        <td class="mono muted">{{ d.st.last_scan_at| pt('%m-%d %H:%M') }}</td>
        {% else %}<td class="num muted">—</td><td class="num muted">—</td><td><span class="chip muted">not scanned</span></td><td class="muted">never</td>{% endif %}
      </tr>
      {% endfor %}
    </tbody>
  </table>
  {% endif %}
</div>

<div class="rv-card no-print">
  <h2>Export this data</h2>
  <div class="chips">
    {% for k, meta in csv_kinds.items() %}
    <a class="chip" href="/reports/export/{{ k }}.csv{{ oq }}">⬇ {{ meta[0] }} (CSV)</a>
    {% endfor %}
  </div>
</div>

{% endblock %}