{% extends "base.html" %}

{% block title %}Compliance | Suvra{% endblock %}

{% block content %}
<div class="page-header">
  <h1>Compliance Frameworks</h1>
  <p class="page-subtitle">Map your audit data to SOC2, NIST AI RMF, and ISO 27001 controls.</p>
</div>

<div class="compliance-grid">
  {% for framework in frameworks %}
  <div class="card compliance-card">
    <div class="card-header">
      <h2>{{ framework.name }}</h2>
      <span class="badge">{{ framework.control_count }} controls covered</span>
    </div>
    <div class="card-body">
      <ul class="control-list">
        {% for control in framework.controls %}
        <li>
          <strong>{{ control.control_id }}</strong>
          <span>{{ control.control_name }}</span>
        </li>
        {% endfor %}
      </ul>
    </div>
    <div class="card-footer">
      <form action="/dashboard/compliance/export" method="POST" style="display:inline">
        <input type="hidden" name="framework" value="{{ framework.name }}">
        <button type="submit" class="btn btn-primary btn-sm">Export JSON Report</button>
      </form>
      <a href="/compliance/report?framework={{ framework.name }}" class="btn btn-outline btn-sm">API</a>
    </div>
  </div>
  {% endfor %}
</div>

<div class="section">
  <h3>Export Schedules</h3>
  <p>Manage scheduled audit exports.</p>
  <a href="/dashboard/audit/schedules" class="btn btn-outline">Manage Schedules</a>
</div>
{% endblock %}