{# kennis's own configuration (12b), the section htmx redraws whole.

   Choosing a backend redraws the section with the form's values, so
   the engine's `questions_for` decides which rows apply - one rule, as
   `config init` walks it. A key's field is left out of that redraw,
   which would otherwise put a typed key into an address. Without a
   script the rows are what applies to what is saved, and saving a new
   backend draws its questions next. #}
{% from "tip.html" import tip %}
<section data-section="kennis" class="kennis">
<h2>{{ kennis_settings_heading }}</h2>
<p class="role-muted">{{ kennis_note }}</p>
{% if unknown_settings %}<p class="notice role-warning" id="unknown-settings">{{ icon("triangle-alert") }}<span>{{ unknown_settings }}</span></p>{% endif %}
{% if outcome %}<p class="outcome{% if outcome_is_problem %} role-error{% endif %}" role="status">{{ outcome }}</p>{% endif %}
{% if rebuild %}
<div class="rebuild">
<h3>{{ rebuild_heading }}</h3>
{% if indexes %}
<p>{{ rebuild_note }}</p>
<ul>
{% for index in indexes %}<li><span class="role-value">{{ index.collection }}</span>: {{ index.built_with }}</li>{% endfor %}
</ul>
{% else %}
<p class="role-muted">{{ rebuild_none }}</p>
{% endif %}
<div class="rebuild-actions">
{% if indexes %}
<form action="/index" method="post" hx-post="/index" hx-target="#job" hx-swap="innerHTML" hx-disabled-elt="find button[type=submit]">
<input type="hidden" name="collection" value="">
<button type="submit">{{ rebuild_now }}</button>
</form>
{% endif %}
<form class="undo" action="/settings/kennis" method="post" hx-post="/settings/kennis" hx-target="closest section" hx-swap="outerHTML" hx-disabled-elt="find button[type=submit]">
{% for key, value in previous.items() %}<input type="hidden" name="{{ key }}" value="{{ value }}">{% endfor %}
<button type="submit" class="ghost">{{ undo_label }}</button>
</form>
<a href="/settings" class="later" data-later hx-get="/settings/kennis" hx-target="closest section" hx-swap="outerHTML">{{ rebuild_later }}</a>
</div>
</div>
{% endif %}
<form class="kennis-settings" action="/settings/kennis" method="post" hx-post="/settings/kennis" hx-target="closest section" hx-swap="outerHTML" hx-disabled-elt="find button[type=submit]" hx-disinherit="*">
{% for group, group_heading in kennis_groups %}
<div class="setting-group" data-group="{{ group }}">
<h3>{{ group_heading }}</h3>
{% for setting in kennis_settings if setting.group == group %}
<div class="setting" data-key="{{ setting.key }}">
<div class="setting-head"><label class="setting-name" for="setting-{{ setting.key }}">{{ setting.name }}</label> {{ tip("setting-" ~ setting.key, setting.name, setting.tip) }}</div>
<div class="setting-control">
{% if setting.kind == "choice" %}
<select id="setting-{{ setting.key }}" name="{{ setting.key }}"{% if setting.overridden_by %} disabled aria-describedby="overridden-{{ setting.key }}"{% endif %} data-redraw hx-get="/settings/kennis" hx-trigger="change" hx-include=".kennis-settings [data-redraw]" hx-target="closest section" hx-swap="outerHTML">
{% for value, label in setting.choices %}<option value="{{ value }}"{% if value == setting.value %} selected{% endif %}>{{ label }}</option>{% endfor %}
</select>
{% elif setting.kind == "secret" %}
<input id="setting-{{ setting.key }}" type="password" name="{{ setting.key }}" autocomplete="off">
{% elif setting.kind == "integer" or setting.kind == "number" %}
<input id="setting-{{ setting.key }}" type="number" name="{{ setting.key }}" value="{{ setting.value }}"{% if setting.kind == "number" %} step="any"{% endif %}{% if setting.overridden_by %} disabled aria-describedby="overridden-{{ setting.key }}"{% endif %} data-redraw{% if setting.minimum is not none %} min="{{ setting.minimum }}"{% endif %}{% if setting.maximum is not none %} max="{{ setting.maximum }}"{% endif %}>
{% elif setting.kind == "boolean" %}
{# An unticked box sends nothing, and nothing means "keep": the hidden
   `false` comes first, so a ticked box's `true` is the later value and
   the one the server reads. #}
<input type="hidden" name="{{ setting.key }}" value="false"{% if setting.overridden_by %} disabled{% endif %} data-redraw>
<input id="setting-{{ setting.key }}" type="checkbox" name="{{ setting.key }}" value="true"{% if setting.value == "true" %} checked{% endif %}{% if setting.overridden_by %} disabled aria-describedby="overridden-{{ setting.key }}"{% endif %} data-redraw>
{% else %}
<input id="setting-{{ setting.key }}" type="text" name="{{ setting.key }}" value="{{ setting.value }}"{% if setting.overridden_by %} disabled aria-describedby="overridden-{{ setting.key }}"{% endif %} data-redraw>
{% endif %}
{% if setting.problem %}<p class="role-error">{{ setting.problem }}</p>{% endif %}
</div>
{% if setting.overridden_by %}<p class="notice quiet" id="overridden-{{ setting.key }}">{{ icon("info") }}<span>{{ overridden_by(setting.overridden_by) }}</span></p>{% endif %}
{% if setting.credential %}<p class="credential"><code class="role-command">{{ setting.credential.variable }}</code> {{ credential_set if setting.credential.is_set else credential_unset }}</p>{% endif %}
{% if setting.install_hint %}<p class="role-warning">{{ converter_missing }} <code class="role-command">{{ setting.install_hint }}</code></p>{% endif %}
{% if setting.leaves_machine %}<p class="cost role-warning">{{ setting.leaves_machine }}</p>{% endif %}
</div>
{% endfor %}
</div>
{% endfor %}
<button type="submit">{{ kennis_save }}</button>
</form>
</section>