{% extends "base.html" %}
{% block title %}Reports · SD RMM{% endblock %}
{% block content %}
{% set oq = ('?org=' ~ sel_org) if sel_org else '' %}

<style>
  .rp-head { margin-bottom:14px; }
  .card { background:var(--surface); border:1px solid var(--line); border-radius:var(--r-lg); padding:18px; box-shadow:var(--shadow-1); margin-bottom:14px; }
  .card h2 { font-size:13px; font-weight:700; margin:0 0 12px; text-transform:uppercase; letter-spacing:.4px; color:var(--muted); }
  .scope { display:flex; gap:10px; align-items:center; flex-wrap:wrap; }
  .scope select { background:var(--surface-2); border:1px solid var(--line); color:var(--ink); border-radius:8px; padding:8px 12px; font:inherit; min-width:240px; }
  .exports { display:grid; grid-template-columns:repeat(2,1fr); gap:10px; }
  @media (max-width:600px){ .exports { grid-template-columns:1fr; } }
  .exp { display:flex; justify-content:space-between; align-items:center; gap:12px; background:var(--surface-2); border:1px solid var(--line); border-radius:var(--r-md); padding:12px 14px; }
  .exp .t { font-size:13.5px; font-weight:600; }
  .muted { color:var(--muted); }
</style>

<div class="rp-head">
  <h1 class="page-title" style="margin-bottom:2px;">Reports &amp; Exports</h1>
  <p class="muted" style="margin:0;">Generate a client-ready summary or export the raw data as CSV.</p>
</div>

<div class="card">
  <h2>Scope</h2>
  <form class="scope" method="get" action="/reports">
    <label class="muted" for="org">Organization</label>
    <select id="org" name="org" onchange="this.form.submit()">
      <option value="" {% if not sel_org %}selected{% endif %}>All accessible organizations</option>
      {% for o in orgs %}
      <option value="{{ o.id }}" {% if sel_org == o.id %}selected{% endif %}>{{ o.name }}</option>
      {% endfor %}
    </select>
    <noscript><button class="btn" type="submit">Apply</button></noscript>
  </form>
</div>

<div class="card">
  <h2>Full report</h2>
  <p class="muted" style="margin:0 0 12px; font-size:13px;">A printable summary across fleet health, security posture, patch compliance, software inventory and alerts &mdash; for the selected scope.</p>
  <a class="btn btn-primary" href="/reports/view{{ oq }}">Generate report &rsaquo;</a>
</div>

{% if user.is_super_admin %}
<div class="card">
  <h2>Email security report</h2>
  <p class="muted" style="margin:0 0 12px; font-size:13px;">An executive email-security summary &mdash; messages filtered, threats blocked, outbound data leaks, top attackers/targets and threat campaigns. Printable / PDF.</p>
  <a class="btn btn-primary" href="/reports/email{{ oq }}">Generate email report &rsaquo;</a>
</div>
{% endif %}

<div class="card">
  <h2>CSV exports</h2>
  <div class="exports">
    {% for k, meta in csv_kinds.items() %}
    <div class="exp">
      <span class="t">{{ meta[0] }}</span>
      <a class="btn btn-ghost" href="/reports/export/{{ k }}.csv{{ oq }}">Download CSV</a>
    </div>
    {% endfor %}
  </div>
</div>

{% endblock %}