{% extends "base.html" %}
{% from "_hub.html" import hub %}

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

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

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

{% call hub(hub_sections) %}
<form method="post" action="/config/defaults/save"
      style="display:grid;gap:2rem;max-width:36rem">

  <section id="defaults">
    <h2 style="margin:0 0 0.75rem;font-size:1.15rem;border-bottom:1px solid var(--border);
               padding-bottom:0.4rem">Defaults</h2>
    <p style="margin:0 0 0.75rem;font-size:0.85rem;color:var(--muted)">
      Controls the relevance gate and job list display defaults.
    </p>

    <div class="filter-group" style="margin-bottom:0.75rem">
      <label for="min_fit_score">Min fit score
        <span class="field-help">Jobs below this score are hidden from the digest.</span>
      </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" style="margin-bottom:0.75rem">
      <label for="digest_size">Digest size
        <span class="field-help">Max number of top matches shown in the daily digest.</span>
      </label>
      <input type="number" id="digest_size" name="digest_size"
             value="{{ digest_size }}" min="0" style="width:6rem">
    </div>

    <div class="filter-group" style="margin-bottom:0.75rem">
      <label for="followup_after_days">Follow-up after days
        <span class="field-help">Applied jobs silent this many days trigger a follow-up nudge.</span>
      </label>
      <input type="number" id="followup_after_days" name="followup_after_days"
             value="{{ followup_after_days }}" min="0" style="width:6rem">
    </div>

    <h3 style="margin:1rem 0 0.5rem;font-size:1rem">UI defaults</h3>

    <div class="filter-group" style="margin-bottom:0.75rem">
      <label for="min_score_default">Default min score
        <span class="field-help">Job list hides jobs below this score when no filter is applied.</span>
      </label>
      <input type="number" id="min_score_default" name="min_score_default"
             value="{{ min_score_default_cfg }}" min="0" max="100" style="width:6rem">
    </div>

    <div style="margin-bottom:0.75rem">
      <label style="font-size:0.75rem;color:var(--muted);font-weight:500;
                    text-transform:uppercase;letter-spacing:0.04em;
                    display:block;margin-bottom:0.35rem">
        Hidden statuses by default
      </label>
      <span class="field-help" style="display:block;margin-bottom:0.4rem">
        Statuses hidden in the job list filter when no explicit filter is chosen.
      </span>
      <div style="display:flex;flex-wrap:wrap;gap:0.3rem 0.75rem;padding:0.3rem 0">
        {% for st in all_statuses %}
        <label class="checkbox-item">
          <input type="checkbox" name="hidden_statuses" value="{{ st }}"
                 {% if st in hidden_statuses_cfg %}checked{% endif %}>
          {{ st|status_label if st != "untracked" else "Untracked" }}
        </label>
        {% endfor %}
      </div>
    </div>

    <h3 style="margin:1rem 0 0.5rem;font-size:1rem">Relevance gate</h3>
    <p style="margin:0 0 0.75rem;font-size:0.85rem;color:var(--muted)">
      Title-based pre-filter — checked before LLM scoring. Off-target jobs get
      <code>fit_score=0</code> and are hidden from <em>/new</em>.
      Leave keyword lists blank to derive them from your Profile below.
    </p>

    <div class="filter-group" style="margin-bottom:0.75rem">
      <label for="exclude_title_keywords">Exclude title keywords (one per line)
        <span class="field-help">
          Jobs whose title contains any of these words are marked off-target (exclude beats target).
          {% if exclude_kws_hint %}Default when blank: <em>{{ exclude_kws_hint }}</em>{% endif %}
        </span>
      </label>
      <textarea id="exclude_title_keywords" name="exclude_title_keywords" rows="4"
                style="width:100%;font-family:inherit;font-size:0.9rem;resize:vertical"
                data-list-drawer="exclude_title_keywords"
>{{ exclude_title_keywords }}</textarea>
    </div>

    <div class="filter-group" style="margin-bottom:0.75rem">
      <label for="target_title_keywords">Relevance-gate title keywords (one per line)
        <span class="field-help">
          Single words a job title must contain to pass the relevance gate (when
          "require title target" is on). Left blank, these are derived from your profile.
          {% if target_kws_hint %}Default when blank: <em>{{ target_kws_hint }}</em>{% endif %}
        </span>
      </label>
      <textarea id="target_title_keywords" name="target_title_keywords" rows="4"
                style="width:100%;font-family:inherit;font-size:0.9rem;resize:vertical"
                data-list-drawer="target_title_keywords"
>{{ target_title_keywords }}</textarea>
    </div>

    <div class="filter-group" style="margin-bottom:0.75rem">
      <label class="checkbox-item">
        <input type="checkbox" id="require_title_target" name="require_title_target"
               value="true" {% if require_title_target %}checked{% endif %}>
        Require target keyword in title
        <span class="field-help">Uncheck to allow any non-excluded title.</span>
      </label>
    </div>

    <div class="filter-group" style="margin-bottom:0.75rem">
      <label class="checkbox-item">
        <input type="checkbox" id="auto_rank_after_fetch" name="auto_rank_after_fetch"
               value="true" {% if auto_rank_after_fetch %}checked{% endif %}>
        Auto-rank after fetch
        <span class="field-help">
          After each fetch, run the LLM ranker on surviving (non-gated) new jobs.
          Off by default — costs one model call per new candidate.
        </span>
      </label>
    </div>

    <div style="display:flex;gap:0.5rem;flex-wrap:wrap;margin-top:0.5rem">
      <button type="submit" formaction="/config/rerank" formmethod="post"
              class="btn btn-action">Re-rank all jobs</button>
      <button type="submit" formaction="/config/backfill-relevance" formmethod="post"
              class="btn btn-action">Clean off-target jobs</button>
      <button type="submit" formaction="/config/suggest-gate" formmethod="post"
              class="btn btn-action">Suggest gate improvements</button>
    </div>
    <p style="font-size:0.8rem;color:var(--muted);margin:0.4rem 0 0">
      Re-rank clears all scores and re-runs ranking. Clean off-target marks jobs failing
      location/role gates as score=0 (instant, no LLM). Suggest gate improvements asks the
      LLM to propose keyword changes you review and approve before anything is written.
    </p>

    <div style="padding-top:1rem;border-top:1px solid var(--border);margin-top:1rem">
      <button type="submit" class="btn btn-primary">Save defaults</button>
    </div>
  </section>

</form>

<span id="action-status"
      hx-get="/actions/status?format=html"
      hx-trigger="load, every 2s"
      hx-swap="outerHTML"
      hx-target="#action-status"
      style="display:block;margin-top:0.75rem"></span>

{% endcall %}
<script src="/static/list-drawer.js" defer></script>
{% endblock %}