{#
  core/ui/templates/partials/lists/settings.html
  Einstellungen – optionale Karten: Update, SSH-Key, Moduleinstellungen
#}
{% import 'partials/components/ui_macros.html' as ui %}
{% from 'partials/components/ui_macros.html' import btn_save, form_input %}

<div id="settings-container" data-debug-label="content-item">

  <div class="section-stack">

  {% if flash_message %}
  <div class="alert alert-info" style="margin-bottom:14px;">
    {{ flash_message }}
  </div>
  {% endif %}

  {# ── Globale Einstellungen ────────────────────────────────────────────────── #}
  <div>
    <div class="content-item on" data-debug-label="content-subitem">
      <div class="card-header">
        <span class="card-title">Allgemein</span>
      </div>
      <div class="card-body" style="padding:16px;">
          <form hx-post="/ui/settings/save/global"
                hx-target="#settings-container"
                hx-swap="outerHTML"
                class="form-stack" style="gap:14px;">
            <div class="form-grid" style="--cols:2;">
              <div class="form-group" style="margin:0;">
                <label class="form-label">Einträge pro Seite</label>
                {{ form_input('PAGINATION_PAGE_SIZE',
                             settings.get('PAGINATION_PAGE_SIZE', 15),
                             type='number', attrs='min="5" max="200"') }}
                <div style="font-size:11px; color:var(--text-3); margin-top:4px;">Gilt für alle Listen-Ansichten in der App</div>
              </div>
              <div class="form-group" style="margin:0;">
                <label class="form-label">Activity-Log Aufbewahrung (Tage)</label>
                {{ form_input('ACTIVITY_LOG_RETENTION_DAYS',
                             settings.get('ACTIVITY_LOG_RETENTION_DAYS', 90),
                             type='number', attrs='min="0" max="3650"') }}
                <div style="font-size:11px; color:var(--text-3); margin-top:4px;">Ältere abgeschlossene Einträge werden beim Start entfernt; 0 = unbegrenzt</div>
              </div>
            </div>

            {# ── Anmeldung (WebAuthn/Passkey) -- nur wenn auth.enabled in
               app.yaml. rp_id kommt initial aus app.yaml, ist aber pro
               Instanz oft unterschiedlich (z.B. *-dev vs. Produktiv-Domain)
               und muss hier korrigierbar sein, siehe system/auth.py und
               ui/app.py (Startwert-Reparatur nur beim allerersten Boot mit
               aktivem auth). #}
            {% if auth_enabled %}
            <div class="form-group" style="margin:0;">
              <label class="form-label">Anmeldung: RP-ID (Domain)</label>
              {{ form_input('AUTH_RP_ID', settings.get('AUTH_RP_ID', '')) }}
              <span class="form-help">Muss exakt der Domain entsprechen, unter der diese Instanz im Browser aufgerufen wird (z.B. "sync-dev.simpsons.lan") -- sonst lehnt der Browser die Passkey-Erstellung mit "not a registrable domain" ab.</span>
            </div>
            {% endif %}

            {# ── System: Zusätzlicher Speicher (frueher eigene Karte) ──────── #}
            <div class="form-group" style="margin:0;">
              <label class="form-label">Zusätzlicher Speicher</label>
              {{ form_input('extra_disks', extra_disk | default(''),
                           placeholder='/storage',
                           attrs='style="font-family:var(--font-mono);"') }}
              <span class="form-help">Pfad eines zusätzlichen Datenträgers -- von mirror, packages und sync zwingend benötigt, bei backup optional</span>
            </div>

            <div class="form-actions">
              {{ btn_save() }}
            </div>
          </form>
      </div>
    </div>
  </div>

  {# ── SSH-Key (nur wenn App es benötigt) ──────────────────────────────────── #}
  {% if show_ssh_key %}
  <div>
    <div class="content-item on" data-debug-label="content-subitem">
      <div class="card-header">
        <span class="card-title">{{ app_name }}</span>
      </div>
      <div class="card-body" style="padding:16px;">
          <div hx-get="/ui/settings/ssh-key"
               hx-trigger="load"
               hx-swap="innerHTML">
          </div>
      </div>
    </div>
  </div>
  {% endif %}

  {# ── Eingebettete Module (settings_embed=True) ───────────────────────────── #}
  {% for mod in modules %}
  {% if mod.settings_embed %}
  <div>
    <div class="content-item on" data-debug-label="content-subitem">
      <div class="card-header">
        <span class="card-title">{{ mod.label }}</span>
      </div>
      <div class="card-body" style="padding:16px;">
          <div id="{{ mod.key }}-settings-slot"
               hx-get="/ui/{{ mod.key }}/content"
               hx-trigger="load"
               hx-swap="innerHTML">
          </div>
      </div>
    </div>
  </div>
  {% endif %}
  {% endfor %}

  {# ── Moduleinstellungen ──────────────────────────────────────────────────── #}
  {% for key, data in (mod_settings | default({})).items() %}
  {% include "settings/partials/module_card.html" %}
  {% endfor %}

  </div>{# ── Ende section-stack ── #}

</div>