{# templates/_modal_settings.html #}
<div class="modal-backdrop" onclick="this.remove()">
  <div class="modal modal-wide" onclick="event.stopPropagation()">
    <h2>{{ _('settings.title') }}</h2>

    <div class="row">
      <div class="section-label">{{ _('settings.detectors') }}</div>
      <div class="detector-grid">
        {% for cat in detector_categories %}
          <div class="detector-cat">
            <div class="detector-cat-label">{{ _(cat.label_key) }}</div>
            {% for d in cat.detectors %}
              <label class="detector-row">
                <input type="checkbox"
                       name="enabled"
                       value="true"
                       {{ "checked" if d.enabled }}
                       {{ "disabled" if d.required }}
                       hx-post="/detector/{{ d.name }}/toggle" hx-include="this" hx-swap="none">
                <span class="name">{{ d.label }}</span>
                {% if d.tier == "P2" %}<span class="badge">P2</span>{% endif %}
              </label>
            {% endfor %}
          </div>
        {% endfor %}
      </div>
    </div>

    <div class="row">
      <label class="inline">
        <input type="checkbox" {{ "checked" if strict_mode }}
               hx-post="/settings/strict-mode/toggle" hx-swap="none">
        <span>{{ _('settings.strict_mode') }}</span>
      </label>
    </div>

    <div class="row">
      <button class="modal-link" hx-post="/settings/open-logs-folder" hx-swap="none">
        {{ _('settings.open_logs') }}
      </button>
    </div>

    <div class="actions">
      <button class="btn primary" onclick="this.closest('.modal-backdrop').remove()">
        {{ _('settings.close') }}
      </button>
    </div>
  </div>
</div>