{% extends "base.html" %}
{% block title %}Settings · sagittarius{% endblock %}
{% block content %}
<hgroup>
  <h1>Settings</h1>
  <p class="sgt-muted">Global configuration. Most changes apply immediately; exceptions are noted.</p>
</hgroup>

{% if let Some(notice) = notice %}
<p class="sgt-notice sgt-notice--ok" role="status">{{ notice }}</p>
{% endif %}
{% if let Some(error) = error %}
<p class="sgt-notice sgt-notice--error" role="alert">{{ error }}</p>
{% endif %}

<form method="post" action="/settings">
  <input type="hidden" name="csrf_token" value="{{ chrome.csrf_token }}" />

  <fieldset>
    <legend><strong>Cache</strong></legend>
    <div class="grid">
      <label>Min TTL (s)
        <input type="number" name="cache_min_ttl" value="{{ cache_min_ttl }}" min="0" required />
      </label>
      <label>Max TTL (s)
        <input type="number" name="cache_max_ttl" value="{{ cache_max_ttl }}" min="0" required />
      </label>
    </div>
    <div class="grid">
      <label>Negative-TTL cap (s)
        <input type="number" name="cache_negative_ttl_cap" value="{{ cache_negative_ttl_cap }}" min="0" required />
      </label>
      <label>Capacity (entries)
        <input type="number" name="cache_capacity" value="{{ cache_capacity }}" min="1" required />
        <small>Applies after restart.</small>
      </label>
    </div>
  </fieldset>

  <fieldset>
    <legend><strong>Blocking</strong></legend>
    <label>Mode
      <select name="blocking_mode" data-bind="blocking_mode">
        <option value="nxdomain"{% if blocking_mode == "nxdomain" %} selected{% endif %}>NXDOMAIN</option>
        <option value="null-ip"{% if blocking_mode == "null-ip" %} selected{% endif %}>Null IP (0.0.0.0 / ::)</option>
        <option value="custom"{% if blocking_mode == "custom" %} selected{% endif %}>Custom IP</option>
      </select>
    </label>
    <!-- Custom IPs only apply in “Custom IP” mode, so reveal them only then. -->
    <div data-show="$blocking_mode === 'custom'"{% if blocking_mode != "custom" %} style="display: none"{% endif %}>
      <div class="grid">
        <label>Custom IPv4
          <input type="text" name="custom_block_ipv4" value="{{ custom_block_ipv4 }}" placeholder="(optional)" />
        </label>
        <label>Custom IPv6
          <input type="text" name="custom_block_ipv6" value="{{ custom_block_ipv6 }}" placeholder="(optional)" />
        </label>
      </div>
      <small class="sgt-muted">Returned to clients in answers for blocked domains.</small>
    </div>
  </fieldset>

  <fieldset>
    <legend><strong>Blocklists</strong></legend>
    <label>Refresh interval (s)
      <input type="number" name="blocklist_refresh_interval" value="{{ blocklist_refresh_interval }}" min="0" required />
      <small>Takes effect at the next refresh cycle (minimum 60 s is enforced).</small>
    </label>
  </fieldset>

  <fieldset>
    <legend><strong>Interface</strong></legend>
    <label>Theme
      <select name="ui_theme">
        <option value="auto"{% if ui_theme == "auto" %} selected{% endif %}>Auto</option>
        <option value="light"{% if ui_theme == "light" %} selected{% endif %}>Light</option>
        <option value="dark"{% if ui_theme == "dark" %} selected{% endif %}>Dark</option>
      </select>
    </label>
  </fieldset>

  <fieldset>
    <legend><strong>Query log</strong></legend>
    <label>
      <input type="checkbox" name="query_log_enabled" value="1"{% if query_log_enabled %} checked{% endif %} />
      Enable query logging
    </label>
    <small class="sgt-muted">Persists per-query history for the log and dashboard. Disable for privacy.</small>
    <label>Retention (days)
      <input type="number" name="query_log_retention_days" value="{{ query_log_retention_days }}" min="1" required />
      <small>Older entries are purged hourly.</small>
    </label>
  </fieldset>

  <button type="submit">Save settings</button>
</form>

<article>
  <header><strong>Clear query log</strong></header>
  <p class="sgt-muted">Permanently delete all stored query history. This cannot be undone.</p>
  <form method="post" action="/settings/clear-log">
    <input type="hidden" name="csrf_token" value="{{ chrome.csrf_token }}" />
    <button type="submit" class="secondary">Clear query log now</button>
  </form>
</article>
{% endblock %}