{#
  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 style="display:grid; grid-template-columns:1fr 1fr; gap:12px;">
              <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>
            <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 %}

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

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

</div>