{% extends "base.html" %}
{% block title %}Settings · Ordine{% endblock %}
{% block content %}
<h1>Settings</h1>
<p>Config file: <code>{{ config.config_file or "(built-in defaults — run ordine init)" }}</code></p>

<section aria-labelledby="paths-heading">
  <h2 id="paths-heading">Paths (read-only)</h2>
  <dl>
    <dt>Database</dt><dd><code>{{ config.db_path }}</code></dd>
    <dt>Workdirs</dt><dd><code>{{ config.workdir_root }}</code></dd>
  </dl>
  <p class="hint">Edit paths in the config file and restart <code>ordine serve</code>.</p>
</section>

<form action="/settings" method="post">
  <section aria-labelledby="runner-heading">
    <h2 id="runner-heading">Runner</h2>
    <label for="stale_after_minutes">stale_after_minutes</label>
    <input id="stale_after_minutes" name="stale_after_minutes" type="number" min="1" value="{{ config.stale_after_minutes }}" required />
    <label for="reconcile_policy">reconcile_policy</label>
    <select id="reconcile_policy" name="reconcile_policy">
      <option value="retry"{% if config.reconcile_policy == "retry" %} selected{% endif %}>retry</option>
      <option value="fail"{% if config.reconcile_policy == "fail" %} selected{% endif %}>fail</option>
    </select>
  </section>
  <section aria-labelledby="web-heading">
    <h2 id="web-heading">Web</h2>
    <label for="web_host">host</label>
    <input id="web_host" name="web_host" value="{{ config.web_host }}" required />
    <label for="web_port">port</label>
    <input id="web_port" name="web_port" type="number" min="1" max="65535" value="{{ config.web_port }}" required />
    <label><input type="checkbox" name="autostart_pipelines"{% if config.autostart_pipelines %} checked{% endif %} /> autostart_pipelines</label>
  </section>
  <section aria-labelledby="llm-heading">
    <h2 id="llm-heading">LLM</h2>
    <label for="llm_provider">provider</label>
    <select id="llm_provider" name="llm_provider">
      <option value="none"{% if config.llm_provider == "none" %} selected{% endif %}>none</option>
      <option value="anthropic"{% if config.llm_provider == "anthropic" %} selected{% endif %}>anthropic</option>
      <option value="openai"{% if config.llm_provider == "openai" %} selected{% endif %}>openai</option>
      <option value="openai_compatible"{% if config.llm_provider == "openai_compatible" %} selected{% endif %}>openai_compatible</option>
    </select>
    <label for="llm_model">model</label>
    <input id="llm_model" name="llm_model" value="{{ config.llm_model }}" />
    <label for="llm_base_url">base_url</label>
    <input id="llm_base_url" name="llm_base_url" value="{{ config.llm_base_url }}" placeholder="http://localhost:11434/v1" />
    <p class="hint">base_url is used for openai_compatible (e.g. Ollama at <code>http://localhost:11434/v1</code>).</p>
    <label for="llm_max_tokens">max_tokens</label>
    <input id="llm_max_tokens" name="llm_max_tokens" type="number" min="1" value="{{ config.llm_max_tokens }}" required />
    <label for="llm_session_token_cap">session_token_cap</label>
    <input id="llm_session_token_cap" name="llm_session_token_cap" type="number" min="1" value="{{ config.llm_session_token_cap }}" required />
    <p>key present: {{ llm_key_label }}</p>
    <p class="hint">Keys entered here are stored in the system keyring. Environment variables and <code>~/.config/ordine/.env</code> are equally valid alternatives: <code>ANTHROPIC_API_KEY</code>, <code>OPENAI_API_KEY</code>, <code>ORDINE_LLM_API_KEY</code>. Clear removes the keyring entry only.</p>
  </section>
  {% if error %}<p class="error">{{ error }}</p>{% endif %}
  {% if saved %}<p class="flash flash-info">Settings saved.</p>{% endif %}
  <button type="submit">Save</button>
</form>

<form action="/settings/llm-key" method="post">
  <input type="hidden" name="llm_provider" value="{{ config.llm_provider }}" />
  <label for="api_key">API key (never shown after save)</label>
  <input id="api_key" name="api_key" type="password" autocomplete="off" />
  <button type="submit" name="action" value="set">Set key</button>
  <button type="submit" name="action" value="clear">Clear key</button>
</form>
{% endblock %}