{% extends "base.html" %}

{% block title %}Config — karyab{% endblock %}

{% block content %}
<h1>Config</h1>

{% if flash %}
<div class="flash-banner" style="background:var(--badge-hi,#d1fae5);border:1px solid #6ee7b7;border-radius:6px;padding:0.6rem 1rem;margin-bottom:1rem;font-size:0.9rem">
  {{ flash }}
</div>
{% endif %}

<form method="post" action="/config/save" style="max-width:32rem;display:grid;gap:1rem;margin-top:1rem">
  <h2 style="margin:0;font-size:1.1rem">Filters</h2>

  <div class="filter-group">
    <label for="min_fit_score">Min fit score</label>
    <input type="number" id="min_fit_score" name="min_fit_score"
           value="{{ min_fit_score }}" min="0" max="100" style="width:6rem;">
  </div>

  <div class="filter-group">
    <label for="digest_size">Digest size</label>
    <input type="number" id="digest_size" name="digest_size"
           value="{{ digest_size }}" min="0" style="width:6rem;">
  </div>

  <div class="filter-group">
    <label for="followup_after_days">Follow-up after days</label>
    <input type="number" id="followup_after_days" name="followup_after_days"
           value="{{ followup_after_days }}" min="0" style="width:6rem;">
  </div>

  <h2 style="margin:0;font-size:1.1rem">Ranker</h2>

  <div class="filter-group">
    <label for="backend">Backend</label>
    <select id="backend" name="backend">
      {% for b in valid_backends %}
      <option value="{{ b }}" {% if b == backend %}selected{% endif %}>{{ b }}</option>
      {% endfor %}
    </select>
  </div>
  <p style="margin:0;font-size:0.85rem;color:var(--fg-muted,#666)">
    <code>claude_cli</code> makes Fetch/Rank run <code>claude -p</code> locally (no API key needed).
  </p>

  <div>
    <button type="submit" class="btn btn-primary">Save</button>
  </div>
</form>
{% endblock %}