{#
  core/ui/templates/partials/list_wrapper_inner.html

  Generisches Listen-Template für runnable CRUD-Module.
  Status-Polling via HTMX OOB-Swaps (partials/status_oob.html).

  Variablen:
    cfg              – dict {item_id: item_dict} aus load_config/storage
    module           – Modulname (str)
    container_id     – ID des Listen-Containers (z.B. "mod-borg")
    loading_id       – ID des Lade-Indikators
    content_template – Pfad zum modul-spezifischen Inhalt-Partial
    running          – dict der laufenden Jobs {key: mode}
    light_mode       – bool (optionaler schreibgeschützter Modus)
    has_toggle       – bool (default True)  Toggle-Schalter in Card-Header und Ctx-Menu
    has_create       – bool (default True)  Neu-Button im Page-Header
    has_edit         – bool (default True)  Bearbeiten-Button im Ctx-Menu
    has_delete       – bool (default True)  Löschen-Button im Ctx-Menu

  Tabellen-Struktur (immer gleich):
    col-name | [modul-spezifische Spalten] | col-last-run (130px) | col-status (60px) | col-actions (38px)

  Deklarativ (wenn module_obj(module).ui_content gesetzt):
    Spalten-Header und -Zellen werden aus ui_content.columns gerendert
    statt aus list_header.html / list_row.html includes.
#}
{% import 'partials/components/ui_macros.html' as ui %}

{# ── Deklarative Spalten aus ui_content oder _col_obj (ContentColumns-Sub-Tabelle) ── #}
{#    _col_obj wird von content_columns.html via {% with %} gesetzt              #}
{%- if _col_obj is defined and _col_obj -%}
  {%- set _ui_content = _col_obj -%}
{%- else -%}
  {%- set _mod_obj = (module_obj(module) if module_obj is defined else none) -%}
  {%- set _ui_content = _mod_obj.ui_content if _mod_obj else none -%}
{%- endif -%}
{%- set _ui_cols = _ui_content.columns if (_ui_content and _ui_content.type == 'table') else [] -%}
{%- set _item_url_prefix = (_col_obj.item_url_prefix if (_col_obj is defined and _col_obj) else '') -%}

{# Überschreibe has_run_buttons / has_edit / has_delete aus ui_content wenn gesetzt #}
{%- if _ui_content -%}
  {%- set has_run_buttons = _ui_content.has_run_buttons -%}
  {%- set has_status      = _ui_content.has_status -%}
  {%- set has_edit        = _ui_content.has_edit -%}
  {%- set has_delete      = _ui_content.has_delete -%}
  {%- set has_toggle      = _ui_content.has_toggle -%}
{%- endif -%}

{% if running %}
<div id="poll-{{ module }}" hx-get="/ui/{{ module }}/status"
     hx-trigger="every 2s"
     hx-swap="none"
     style="display:none"></div>
{% endif %}

{# ── Tabellen-Ansicht ─────────────────────────────────────────────────────── #}
<div class="content-items--table" data-debug-label="content-item">
{% if cfg %}
  {%- set _col_card_actions = (_col_obj.card_actions if (_col_obj is defined and _col_obj and _col_obj.card_actions) else []) -%}
  {%- set _card_actions = (_col_card_actions if _col_card_actions else module_card_actions(module)) -%}
  {% set _name_fixed = {'rsync': false} %}
  <table class="ds-list-table" data-module="{{ module }}" data-col-widths="{{ col_widths(module) | e }}">
    <thead>
      <tr>
        <th class="col-name sortable">Name</th>
        {% if _ui_cols %}
          {% for col in _ui_cols %}{{ ui.col_header(col) }}{% endfor %}
        {% else %}
          {% include module + '/partials/list_header.html' ignore missing %}
        {% endif %}
        {% if has_run_buttons | default(True) %}
        <th class="col-last-run sortable">Letzter Lauf</th>
        {% endif %}
        {% if has_status | default(True) %}<th class="col-status">Status</th>{% endif %}
        <th class="col-actions">
          <div class="table-actions">
            <div class="table-ctx-menu"
                 x-data="{open: false, pos: {top:0, right:0}, toggle(btn){ const r=btn.getBoundingClientRect(); this.pos={top: r.bottom+2, right: window.innerWidth-r.right}; this.open=!this.open; }}"
                 @click.outside="open = false">
              <button type="button" class="btn-icon" @click="toggle($el)" :class="{'active': open}" title="Spaltenoptionen">
                <svg width="14" height="14" viewBox="0 0 24 24" fill="currentColor" stroke="none"><use href="#icon-menu-dots"></use></svg>
              </button>
              <div class="table-ctx-dropdown table-ctx-dropdown--col" x-show="open" :style="'top:'+pos.top+'px;right:'+pos.right+'px'" @click="open = false">
                <button type="button" class="ctx-menu-item" onclick="resetColSettings('{{ module }}')">
                  <svg width="14" height="14" viewBox="0 0 24 24" fill="currentColor" stroke="none"><use href="#icon-refresh"></use></svg>
                  Spalten zurücksetzen
                </button>
              </div>
            </div>
          </div>
        </th>
      </tr>
    </thead>
    <tbody>
      {% for name, item in cfg.items() %}
        {% set item_name = name %}
        {% set item_data = item %}
        {% set is_running = (module ~ ":" ~ item_name) in (running or {}) %}
        <tr id="row-{{ module }}-{{ item_name }}" class="{{ 'on' if item_data.enabled else 'off' }}">
          <td class="col-name">
            {{ item_data.description or item_data.job or item_data.host or item_name }}
          </td>
          {% if _ui_cols %}
            {% for col in _ui_cols %}{{ ui.col_cell(col, item_name, item_data) }}{% endfor %}
          {% else %}
            {% include module + '/partials/list_row.html' ignore missing %}
          {% endif %}
          {% if has_run_buttons | default(True) %}
          <td id="lastrun-{{ module }}-{{ item_name }}" class="col-last-run">{{ item_data.last_run or '—' }}</td>
          {% endif %}
          {% if has_status | default(True) %}
          {% set _status = 'running' if is_running else (last_run_status(module, item_name) or item_data.last_status) %}
          <td id="status-{{ module }}-{{ item_name }}" class="col-status">{{ ui.status_inline(_status) }}</td>
          {% endif %}
          <td class="col-actions">
            <div class="table-actions">
              <div class="table-ctx-menu"
                   x-data="{open: false, pos: {top:0, right:0}, toggle(btn){ const r=btn.getBoundingClientRect(); this.pos={top: r.bottom+2, right: window.innerWidth-r.right}; this.open=!this.open; }}"
                   @click.outside="open = false">
                <button type="button" class="btn-icon" @click="toggle($el)" title="Weitere Aktionen" :class="{'active': open}">
                  <svg width="14" height="14" viewBox="0 0 24 24" fill="currentColor" stroke="none"><use href="#icon-menu-dots"></use></svg>
                </button>
                <div class="table-ctx-dropdown" x-show="open" :style="'top:'+pos.top+'px;right:'+pos.right+'px'" @click="open = false">
                  {% for action in _card_actions %}{{ ui.card_action_button(action, item_name, item_data, container_id, loading_id) }}{% endfor %}
                  {% if extra_actions_template %}{% include extra_actions_template ignore missing %}{% endif %}
                  {% if has_edit | default(True) %}
                  {{ ui.edit_button(module=module, item=item_name, container_id=container_id, loading_id=loading_id, item_prefix=_item_url_prefix) }}
                  {% endif %}
                  {% if has_delete | default(True) %}
                  {{ ui.delete_button(module=module, item=item_name, container_id=container_id, loading_id=loading_id, description=item_data.description or item_data.job or item_data.host or item_name, item_prefix=_item_url_prefix) }}
                  {% endif %}
                </div>
              </div>
            </div>
          </td>
        </tr>
      {% endfor %}
    </tbody>
  </table>
{% else %}
  <div class="empty-state">
    <svg width="40" height="40" viewBox="0 0 24 24" fill="currentColor" stroke="none"><use href="#icon-file-text"></use></svg>
    <div class="empty-state-title">Keine Einträge vorhanden</div>
    <div class="empty-state-sub">Erstelle den ersten Eintrag mit „Neu"</div>
  </div>
{% endif %}
</div>{# /content-items--table #}

{% if pagination and pagination.total_pages > 1 %}
<div class="content-footer" hx-boost="false" data-debug-label="content-footer">
  <div class="pagination">
    <span class="pagination-info">{{ pagination.start }}–{{ pagination.end }} von {{ pagination.total }}</span>
    <div class="pagination-controls">
      <button class="btn-icon pagination-btn"
              {% if pagination.has_prev %}hx-get="{{ pagination.prev_url }}" hx-target="#{{ container_id }}" hx-swap="innerHTML"{% else %}disabled{% endif %}>
        <svg width="14" height="14" viewBox="0 0 24 24" fill="currentColor" stroke="none"><use href="#icon-chevron-left"></use></svg>
      </button>
      {% for p in pagination.pages %}
        {% if p.num == "…" %}
          <span class="pagination-ellipsis">…</span>
        {% else %}
          <button class="pagination-page {{ 'active' if p.active else '' }}"
                  {% if not p.active %}hx-get="{{ p.url }}" hx-target="#{{ container_id }}" hx-swap="innerHTML"{% endif %}>
            {{ p.num }}
          </button>
        {% endif %}
      {% endfor %}
      <button class="btn-icon pagination-btn"
              {% if pagination.has_next %}hx-get="{{ pagination.next_url }}" hx-target="#{{ container_id }}" hx-swap="innerHTML"{% else %}disabled{% endif %}>
        <svg width="14" height="14" viewBox="0 0 24 24" fill="currentColor" stroke="none"><use href="#icon-chevron-right"></use></svg>
      </button>
    </div>
  </div>
</div>
{% endif %}