{% extends "setup/_base.html" %}
{% block step_content %}
<h1>Step 4 — Topics</h1>
<p>Recurring search queries. Each runs every <code>lit-monitor run</code>. Stored at <code>config/topics.yaml</code>.</p>
<p class="field-note">Note: comments in topics.yaml are stripped on save (PyYAML limitation). Use git to track history if needed.</p>

<form class="setup-form" hx-post="/setup/api/topics" hx-target="#result" hx-swap="innerHTML">
  <div id="topics-rows">
    {% for s in searches %}
    <fieldset class="topics-row">
      <label>name <input type="text" name="name_{{ loop.index0 }}" value="{{ s.name }}"></label>
      <label>query <textarea name="query_{{ loop.index0 }}" rows="2">{{ s.query }}</textarea></label>
      <div class="field-group">
        <span class="field-label">databases</span>
        {% for db in all_databases %}
        <label class="checkbox-inline">
          <input type="checkbox" name="databases_{{ loop.index0 }}" value="{{ db }}"
            {% if db in s.databases %}checked{% endif %}>
          {{ db }}
        </label>
        {% endfor %}
      </div>
      <button type="button" class="button danger"
        onclick="this.closest('fieldset').remove()">Remove</button>
    </fieldset>
    {% endfor %}
  </div>

  <button type="button" class="button"
    hx-get="/setup/api/topics/new-row?idx={{ searches | length }}"
    hx-target="#topics-rows"
    hx-swap="beforeend">+ Add search</button>

  <hr>
  <button type="submit">Save</button>
</form>

<div id="result"></div>

<p><a href="/setup">← Back to setup overview</a></p>
{% endblock %}