{# Vendored from governor_web/templates/settings/detection_rules.html.
   Audit's overrides live in `config.detection_rule_overrides` (dict of
   rule_type → bool); no env-var precedence, no per-org tier. #}
{% extends "settings/layout.html" %}

{% block settings_content %}
<div>
  <h2 class="ui-section-title">Detection Rules</h2>
  <p class="ui-section-subtitle">Globally enable or disable rule families. Disabled rules are skipped during the next scan's detection pass.</p>

  {% if errors and errors.get('_general') %}
    <div class="mt-4 p-3 bg-red-50 dark:bg-red-900/20 border border-red-200 dark:border-red-800 text-red-700 dark:text-red-300 text-sm rounded-lg">
      {{ errors['_general'] }}
    </div>
  {% endif %}
  {% if saved %}
    <div class="mt-4 p-3 bg-emerald-50 dark:bg-emerald-900/20 border border-emerald-200 dark:border-emerald-800 text-emerald-700 dark:text-emerald-300 text-sm rounded-lg">
      Detection rule overrides saved.
    </div>
  {% endif %}

  <form method="post" action="/admin/settings/detection-rules" class="ui-form-scope mt-6">
    <fieldset class="border border-slate-200 dark:border-slate-800 bg-white dark:bg-slate-900/60 p-5">
      <legend class="px-2 text-sm font-semibold uppercase tracking-wider text-slate-600 dark:text-slate-300">Active rules</legend>
      <p class="mt-1 text-sm text-slate-500 dark:text-slate-400">{{ rules | length }} rules registered.</p>

      <div class="mt-4 space-y-3">
        {% for rule in rules %}
          <label class="flex items-start gap-3 border border-slate-200 dark:border-slate-800 bg-slate-50 dark:bg-slate-950/40 p-4 cursor-pointer hover:border-slate-300 dark:hover:border-slate-700 transition-colors">
            <input
              type="checkbox"
              name="rule_{{ rule.rule_type }}"
              {% if rule.is_enabled %}checked{% endif %}
              class="mt-0.5 text-brand-500 focus:ring-brand-500"
            />
            <div class="min-w-0 flex-1">
              <div class="flex flex-wrap items-center gap-2">
                <span class="text-sm font-medium text-slate-900 dark:text-slate-100">{{ rule.display_name }}</span>
                <span class="ui-pill {% if rule.is_enabled %}ui-pill-success{% else %}ui-pill-neutral{% endif %}">
                  {{ 'enabled' if rule.is_enabled else 'disabled' }}
                </span>
                <span class="ui-pill ui-pill-neutral font-mono">{{ rule.rule_type }}</span>
              </div>
              {% if rule.description %}
                <p class="mt-1 text-sm text-slate-500 dark:text-slate-400">{{ rule.description }}</p>
              {% endif %}
            </div>
          </label>
        {% endfor %}
      </div>
    </fieldset>

    <div class="mt-6 flex items-center gap-3">
      <button type="submit" class="ui-btn-primary transition-colors">Save</button>
      <p class="text-sm text-slate-500 dark:text-slate-400">Changes apply on the next scan.</p>
    </div>
  </form>
</div>
{% endblock %}