{% extends "base.html" %}
{% set labels = {
  "welcome": "Welcome",
  "media": "Media folders",
  "vocabulary": "Vocabulary",
  "llm": "Text clean-up and name hints (optional)",
  "services": "Readiness",
  "finish": "Finish",
} %}
{% block title %}Voxint setup — {{ labels[step.value] }}{% endblock %}
{# The wizard runs before onboarding, so the protected top nav (Runs / Review)
   would only bounce the operator back here. Replace it with a step indicator. #}
{% block nav %}
<ol class="wizard-steps" aria-label="Setup steps">
  {% for s in steps %}
  <li class="{% if s == step %}current{% elif loop.index0 < step_index %}done{% endif %}">
    <a href="/setup?step={{ s.value }}"{% if s == step %} aria-current="step"{% endif %}><span class="n">{{ loop.index }}</span>{{ labels[s.value] }}</a>
  </li>
  {% endfor %}
</ol>
{% endblock %}
{% block body %}
<div class="setup">
{% if error %}<div class="notice error" role="alert">{{ error }}</div>{% endif %}

{% if step.value == "welcome" %}
  <h1>Welcome to Voxint</h1>
  <p>Voxint transcribes your audio and video, separates who spoke when, and lets you
     attribute each voice to a real person, so you get a searchable, speaker-labelled
     transcript you can trust.</p>
  <p class="muted">This quick setup takes about two minutes. Every step is optional and
     you can revisit it later.</p>
  <div class="actions">
    <a href="/setup?step=media" class="btn-primary">Get started →</a>
  </div>

{% elif step.value == "media" %}
  <h1>Media folders</h1>
  <p>Voxint reads media from under <code>{{ media_root }}</code>. Browse to the folders
     you want it to watch and add them; optionally choose a domain pack per folder to
     tune transcription and enrichment. You can skip this and submit files individually
     later.</p>
  {% include "fragments/folder_panel.html" %}

  <h2>Scan for existing media</h2>
  <p class="muted">Optionally look through your registered folders for audio/video that
     isn't in Voxint yet, and queue it for transcription.</p>
  <form hx-post="/setup/scan" hx-target="#setup-scan" hx-swap="innerHTML" method="post" action="/setup/scan">
    <input type="hidden" name="csrf_token" value="{{ csrf_setup }}">
    <button type="submit">Scan now</button>
  </form>
  <div id="setup-scan"></div>

  <div class="actions">
    <a href="/setup?step=vocabulary" class="btn-primary">Continue →</a>
  </div>

{% elif step.value == "vocabulary" %}
  <h1>Custom vocabulary</h1>
  <p>Add names, jargon, acronyms, and preferred spellings — one per line. Voxint feeds
     these to transcription and to name attribution, so unusual terms come out right.
     They apply to your next run with no restart needed.</p>
  <form method="post" action="/setup/vocabulary">
    <input type="hidden" name="csrf_token" value="{{ csrf_setup }}">
    <div class="field">
      <label for="vocabulary">Vocabulary (one term per line)</label>
      <textarea id="vocabulary" name="vocabulary"
                placeholder="Ductless mini-split&#10;NUCA&#10;Dr. Ilana Rosen">{{ vocabulary_text }}</textarea>
    </div>
    <button type="submit">Save vocabulary</button>
  </form>
  <div class="actions">
    <a href="/setup?step=llm" class="btn-primary">Continue →</a>
  </div>

{% elif step.value == "llm" %}
  <h1>Text clean-up and name hints <span class="muted">(optional)</span></h1>
  <p>When enabled, Voxint sends transcript segments to an OpenAI-compatible model to
     clean them up and surface likely speaker names. It's best-effort. A slow or failing
     model never blocks a run; enhancement is simply skipped.</p>
  {% if llm_key_present %}
    {% if llm_key_source == "stored" %}
      <p class="muted">An API key is saved here. ✓ <span class="muted">(stored)</span></p>
    {% else %}
      <p class="muted">An <code>LLM_API_KEY</code> is set in the environment. ✓
         <span class="muted">(environment)</span></p>
    {% endif %}
  {% else %}
    <p class="notice">No API key is configured. Enter one below (or set
       <code>LLM_API_KEY</code> in the environment) before enabling.</p>
  {% endif %}
  {% if not llm_budget_ok %}
    <p class="notice">The configured LLM run budget doesn't fit the transcription stage
       lease, so enhancement can't be enabled until that's adjusted.</p>
  {% endif %}
  <form method="post" action="/setup/llm" autocomplete="off">
    <input type="hidden" name="csrf_token" value="{{ csrf_setup }}">
    <div class="field">
      <label><input type="checkbox" name="enabled" value="true"{% if llm_enabled %} checked{% endif %}>
        Enable text clean-up and name hints</label>
    </div>
    <div class="field">
      <label for="llm_base_url">Endpoint base URL <span class="muted">(blank = use the installation setting)</span></label>
      <input type="url" id="llm_base_url" name="llm_base_url" value="{{ llm_base_url }}"
             placeholder="{{ llm_base_url_default }}">
    </div>
    <div class="field">
      <label for="llm_model">Model <span class="muted">(blank = use the installation setting)</span></label>
      <input type="text" id="llm_model" name="llm_model" value="{{ llm_model }}"
             placeholder="{{ llm_model_default }}">
    </div>
    <div class="field">
      <label for="llm_api_key">API key
        <span class="muted">(blank = keep {{ "the saved key" if llm_key_source == "stored" else "current setting" }})</span></label>
      <input type="password" id="llm_api_key" name="llm_api_key" value=""
             autocomplete="new-password" maxlength="512" placeholder="sk-…">
      <p class="muted">Stored in Voxint's database and used for all LLM features. Never
         shown again after saving.</p>
    </div>
    {% if llm_key_source == "stored" %}
    <div class="field">
      <label><input type="checkbox" name="remove_llm_api_key" value="true">
        Remove saved key (revert to environment)</label>
    </div>
    {% endif %}
    <button type="submit">Save LLM settings</button>
  </form>
  <div class="actions">
    <a href="/setup?step=services" class="btn-primary">Continue →</a>
  </div>

{% elif step.value == "services" %}
  <h1>Readiness checks</h1>
  <p>Voxint's transcription, diarization, and speaker-embedding run as separate model
     services (GPU or CPU tier), backed by Postgres and Redis. Here's whether each
     dependency is reachable right now: <strong>ready</strong> means good to go,
     <strong>failed</strong> means the pipeline can't run until you fix it, and
     <strong>unverified</strong> means an optional feature couldn't be confirmed:</p>
  {% for check in doctor_checks %}
  <div class="svc">
    <span class="pill {{ check.state }}">{{ check.state }}</span>
    <strong>{{ check.name }}</strong>
    <span class="muted">{{ check.detail }}</span>
  </div>
  {% if check.state != "ready" %}
  <p class="muted svc-fix">{{ check.remediation }}</p>
  {% endif %}
  {% endfor %}
  <p class="muted">If a service is down, start the model services — the GPU overlay
     (<code>compose.gpu.yaml</code>) or, with no NVIDIA GPU, the CPU overlay
     (<code>compose.cpu.yaml</code>); see the README's quickstart. This check is advisory —
     you can finish setup regardless. But a run submitted while a service it needs is down
     will retry with backoff (about five attempts over roughly an hour and a half) and then
     land <strong>failed</strong>; once the services are up, requeue it from the run's
     page.</p>
  <div class="actions">
    <a href="/setup?step=services">Re-check</a>
    <a href="/setup?step=finish" class="btn-primary">Continue →</a>
  </div>

{% elif step.value == "finish" %}
  <h1>You're all set</h1>
  <ul>
    <li>{{ media_folders|length }} media folder{{ "" if media_folders|length == 1 else "s" }} registered</li>
    <li>{{ vocabulary|length }} vocabulary term{{ "" if vocabulary|length == 1 else "s" }}</li>
    <li>LLM enhancement {{ "enabled" if llm_enabled else "off" }}</li>
  </ul>
  {% if tutorial_error %}<p class="notice error" role="alert">{{ tutorial_error }}</p>{% endif %}
  <p class="muted">The guided tutorial is a short, hands-on walkthrough of one full
     run on a bundled three-speaker sample — the quickest way to learn the console.
     You can re-run this setup, or the tutorial, any time from Settings.</p>
  <div class="actions">
    <form method="post" action="/setup/finish" class="inline">
      <input type="hidden" name="csrf_token" value="{{ csrf_setup }}">
      <button type="submit" name="start_tutorial" value="1" class="primary">
        Finish setup &amp; start tutorial →</button>
    </form>
    <form method="post" action="/setup/finish" class="inline">
      <input type="hidden" name="csrf_token" value="{{ csrf_setup }}">
      <button type="submit" class="secondary">Finish setup →</button>
    </form>
  </div>
  {% if not tutorial_available %}
  <p class="muted">The tutorial's bundled sample is set up the first time you start
     it — no command line needed.</p>
  {% endif %}
{% endif %}
</div>
{% endblock %}