{% extends "base.html" %}
{% import "_macros.html" as ui %}
{% block title %}Settings · sagittarius{% endblock %}
{% block content %}
<hgroup>
  <h1 class="sgt-page-title">{% call ui::icon("settings") %}{% endcall %}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>Upstreams</strong></legend>
    <label>Selection strategy
      <select name="upstream_selection_strategy" data-bind="upstream_selection_strategy">
        <option value="random"{% if upstream_selection_strategy == "random" %} selected{% endif %}>Random</option>
        <option value="latency-weighted"{% if upstream_selection_strategy == "latency-weighted" %} selected{% endif %}>Latency-weighted</option>
        <option value="parallel"{% if upstream_selection_strategy == "parallel" %} selected{% endif %}>Parallel (race fastest)</option>
      </select>
      <small class="sgt-muted">How the resolver picks an upstream per query.</small>
    </label>
    <!-- Fan-out only applies to the parallel strategy, so reveal it only then. -->
    <div data-show="$upstream_selection_strategy === 'parallel'"{% if upstream_selection_strategy != "parallel" %} style="display: none"{% endif %}>
      <label>Parallel fan-out
        <input type="number" name="upstream_parallel_fanout" value="{{ upstream_parallel_fanout }}" min="1" required />
        <small class="sgt-muted">How many upstreams to query at once; the first answer wins.</small>
      </label>
    </div>
  </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>

  {% if !chrome.read_only %}
  <button type="submit">{% call ui::icon("save") %}{% endcall %}Save settings</button>
  {% endif %}
</form>

{% if !chrome.read_only %}
<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">{% call ui::icon("remove") %}{% endcall %}Clear query log now</button>
  </form>
</article>
{% endif %}
{% endblock %}