{#
  core/ui/templates/partials/components/ui_macros.html
  Generische UI-Makros – AstrapiFlaskUi V3

  Standard-URL-Konventionen:
    CRUD:    POST /api/{module}/{item}/run
    Debug:   POST /api/{module}/{item}/run?debug=true
    Logs:    GET  /api/{module}/{item}/logs
#}

{% macro edit_button(module=None, item=None, container_id=None, loading_id=None, item_prefix='') %}
  <button hx-get="/ui/{{ module }}/{{ item_prefix }}{{ item }}/edit?container_id={{ container_id }}&loading_id={{ loading_id }}"
    hx-target="body" hx-swap="beforeend" class="btn-icon" title="Bearbeiten">
    <svg width="14" height="14" viewBox="0 0 24 24" fill="currentColor" stroke="none"><use href="#icon-edit"></use></svg>
  </button>
{% endmacro %}

{% macro delete_button(module=None, item=None, container_id=None, loading_id=None, description=None, item_prefix='') %}
  <button hx-get="/ui/{{ module }}/{{ item_prefix }}{{ item }}/delete?container_id={{ container_id }}&loading_id={{ loading_id }}&description={{ description }}"
    hx-target="body" hx-swap="beforeend" class="btn-icon btn-icon-danger" title="Löschen">
    <svg width="14" height="14" viewBox="0 0 24 24" fill="currentColor" stroke="none"><use href="#icon-trash"></use></svg>
  </button>
{% endmacro %}

{% macro toggle_switch(module=None, item=None, container_id=None, loading_id=None, enabled=False, description=None) %}
  <button hx-get="/ui/{{ module }}/{{ item }}/toggle?container_id={{ container_id }}&loading_id={{ loading_id }}&description={{ description }}&enabled={{ enabled }}"
    hx-target="body" hx-swap="beforeend"
    class="toggle-switch {{ 'toggle-on' if enabled else 'toggle-off' }}"
    title="{{ 'Deaktivieren' if enabled else 'Aktivieren' }}">
    <span class="toggle-knob"></span>
  </button>
{% endmacro %}

{% macro toggle_button(module=None, item=None, container_id=None, loading_id=None, enabled=False, description=None) %}
  {{ toggle_switch(module=module, item=item, container_id=container_id, loading_id=loading_id, enabled=enabled, description=description) }}
{% endmacro %}

{% macro add_button(module=None, container_id=None, loading_id=None) %}
  <button
    hx-get="/ui/{{ module }}/create?container_id={{ container_id }}&loading_id={{ loading_id }}"
    hx-target="body" hx-swap="beforeend"
    class="btn btn-primary btn-sm" title="Neu"
  >
    Neu
  </button>
{% endmacro %}

{% macro action_button(label, url, title=None, css_class="btn-ghost btn-sm", target="body", swap="beforeend") %}
  <button
    hx-get="{{ url }}"
    hx-target="{{ target }}"
    hx-swap="{{ swap }}"
    class="btn {{ css_class }}"
    {% if title %}title="{{ title }}"{% endif %}
  >
    {{ label }}
  </button>
{% endmacro %}

{% macro status_inline(status) %}
  {% set _s = status | lower if status else '' %}
  {% if _s == 'ok' %}
    <span class="badge-pill badge-status-ok">OK</span>
  {% elif _s == 'error' or _s.startswith('fehler') %}
    <span class="badge-pill badge-status-err"><svg width="11" height="11" viewBox="0 0 24 24" fill="currentColor" stroke="none"><use href="#icon-close"></use></svg>Fehler</span>
  {% elif _s == 'warning' %}
    <span class="badge-pill badge-status-warn"><svg width="11" height="11" viewBox="0 0 24 24" fill="currentColor" stroke="none"><use href="#icon-alert"></use></svg>Warnung</span>
  {% elif _s == 'running' or _s == 'building' %}
    <span class="badge-pill badge-status-running"><svg width="11" height="11" viewBox="0 0 24 24" fill="currentColor" stroke="none" style="animation:spin 1s linear infinite;flex-shrink:0"><use href="#icon-loading"></use></svg>läuft</span>
  {% elif _s == 'pending' %}
    <span class="badge-pill badge-status-none"><span style="animation:pulse 1.2s infinite;line-height:1">●</span>Pending</span>
  {% elif _s %}
    <span class="badge-pill badge-status-none">{{ status }}</span>
  {% else %}
    <span class="badge-pill badge-status-none">Neu</span>
  {% endif %}
{% endmacro %}

{% macro refresh_button(endpoint="/", container_id=None, loading_id=None) %}
  <button
    hx-get="{{ endpoint }}/list"
    hx-target="#{{ container_id }}" hx-swap="innerHTML"
    hx-indicator="#{{ loading_id }}"
    class="btn-icon" title="Aktualisieren"
  >
    <svg width="20" height="20" viewBox="0 0 24 24" fill="currentColor" stroke="none"><use href="#icon-refresh-lg"></use></svg>
  </button>
{% endmacro %}

{# ── Runnable-Modul-Makros ────────────────────────────────────────────────── #}
{# Standard-Konvention: POST /api/{module}/{item}/run[?debug=true]            #}
{#                       GET  /api/{module}/{item}/logs                        #}

{% macro run_button(module=None, item=None, container_id=None, enabled=True) %}
  <button
    hx-post="/api/{{ module }}/{{ item }}/run"
    hx-target="#{{ container_id }}" hx-swap="innerHTML"
    hx-headers='{"HX-Request": "true"}'
    class="btn-icon btn-icon-run"
    title="{{ 'Ausführen' if enabled else 'Deaktiviert – nur Debug-Run möglich' }}"
    {% if not enabled %}disabled{% endif %}
  >
    <svg width="13" height="13" viewBox="0 0 24 24" fill="currentColor" stroke="none"><use href="#icon-play"></use></svg>
  </button>
{% endmacro %}

{% macro run_debug_button(module=None, item=None, container_id=None) %}
  <button
    hx-post="/api/{{ module }}/{{ item }}/run?debug=true"
    hx-target="#{{ container_id }}" hx-swap="innerHTML"
    hx-headers='{"HX-Request": "true"}'
    class="btn-icon btn-icon-debug"
    title="Ausführen (Debug)"
  >
    <svg width="13" height="13" viewBox="0 0 24 24" fill="currentColor" stroke="none"><use href="#icon-play-debug"></use></svg>
  </button>
{% endmacro %}



{% macro log_button(module=None, item=None) %}
  <button
    hx-get="/api/{{ module }}/{{ item }}/logs"
    hx-target="body" hx-swap="beforeend"
    class="btn-icon btn-icon-log"
    title="Log anzeigen"
  >
    <svg width="13" height="13" viewBox="0 0 24 24" fill="currentColor" stroke="none"><use href="#icon-file-text"></use></svg>
  </button>
{% endmacro %}

{# ── Button-Basis ─────────────────────────────────────────────────────────── #}
{# Alle Text-Buttons bauen auf btn() auf.                                      #}
{# Ausnahmen: Icon-Buttons (btn-icon), Sidebar-Nav, Pagination, Kontext-Menüs  #}

{#
  btn(label, variant, size, type, onclick, attrs)
  Basis-Baustein für alle Text-Buttons. Inhalt via label oder {% call %}.
    variant – ghost | primary | danger  (default: ghost)
    size    – sm | '' (leer = kein Modifier)  (default: sm)
    attrs   – rohe HTML-Attribute als String, z.B. 'hx-get="..." hx-target="..."'
#}
{#
  btn(label, variant, size, type, onclick, attrs, busy_label)

  busy_label: Text während einer laufenden htmx-Anfrage. htmx setzt dafür die
  Klasse .htmx-request auf das auslösende Element; die CSS-Regeln in app.css
  blenden dann Label gegen Spinner + busy_label aus und sperren den Button.
#}
{% macro btn(label='', variant='ghost', size='sm', type='button', onclick=None, attrs='', busy_label=None) %}
<button type="{{ type }}"
        class="btn btn-{{ variant }}{% if size %} btn-{{ size }}{% endif %}{% if busy_label %} btn--busy{% endif %}"
        {% if onclick %}onclick="{{ onclick }}"{% endif %}
        {% if attrs %}{{ attrs | safe }}{% endif %}>
  {%- if busy_label %}
    <span class="btn__label">{%- if caller is defined %}{{ caller() }}{%- else %}{{ label }}{%- endif %}</span>
    <span class="btn__busy"><span class="btn__spinner"></span>{{ busy_label }}</span>
  {%- elif caller is defined %}{{ caller() }}{%- else %}{{ label }}{%- endif %}
</button>
{% endmacro %}

{% macro btn_cancel(label='Abbrechen') %}{{ btn(label, onclick='closeModal(this)') }}{% endmacro %}
{% macro btn_close(label='Schließen') %}{{ btn(label, onclick='closeModal(this)') }}{% endmacro %}

{#
  btn_save(label, type, save_id, disabled)
  Primär-Button für Formular-Submit.
#}
{% macro btn_save(label='Speichern', type='submit', save_id=None, disabled=False) %}
{% set _id = ('id="' ~ save_id ~ '" ') if save_id else '' %}
{{ btn(label, variant='primary', type=type, attrs=_id ~ ('disabled' if disabled else '')) }}
{% endmacro %}

{# ── Form-Steuerelemente ──────────────────────────────────────────────────── #}
{# Alle Formular-Controls bauen auf diesen Macros auf (G-013).                #}
{# Ausnahmen: hidden-Inputs, multiselect (badge-pill), list (Alpine.js),      #}
{#            filter-selects im List-Header (header_control), borg-Browser     #}

{#
  form_group(label, required, help)
  Caller-Macro: Wrapper für ein Formularfeld (Label + Control + Fehler-Span).
#}
{% macro form_group(label='', required=False, help='') %}
<div class="form-group">
  {% if label %}
  <label class="form-label">{{ label }}{% if required %}<span class="required-mark">*</span>{% endif %}</label>
  {% endif %}
  {{ caller() }}
  {% if help %}<span class="form-help">{{ help }}</span>{% endif %}
  <span class="form-error"></span>
</div>
{% endmacro %}

{#
  form_input(name, value, type, required, placeholder, attrs)
  Rendert <input class="form-input">. Passwort-Felder: value wird nie gerendert.
  Varianten via attrs: style="font-family:var(--mono);", readonly, autocomplete, HTMX-Attribute.
#}
{% macro form_input(name, value='', type='text', required=False, placeholder='', attrs='') %}
<input type="{{ type }}"
       name="{{ name }}"
       class="form-input"
       {% if type != 'password' %}value="{{ value }}"{% endif %}
       {% if required %}data-required="true"{% endif %}
       {% if placeholder %}placeholder="{{ placeholder }}"{% endif %}
       {% if attrs %}{{ attrs | safe }}{% endif %}>
{% endmacro %}

{#
  form_select(name, options, value, required, placeholder, attrs)
  Rendert <select class="form-select">. options: [{value, label}] oder [str].
  Caller: {% call form_select('name', attrs='...') %}<option>...</option>{% endcall %}
          für komplexe/dynamische Options-Strukturen (kein placeholder in diesem Modus).
#}
{% macro form_select(name, options=[], value='', required=False, placeholder='– bitte wählen –', attrs='') %}
<select name="{{ name }}"
        class="form-select"
        {% if required %}data-required="true"{% endif %}
        {% if attrs %}{{ attrs | safe }}{% endif %}>
  {% if caller is defined %}
  {{ caller() }}
  {% else %}
  {% if placeholder %}<option value="" style="color:var(--text-3);">{{ placeholder }}</option>{% endif %}
  {% for opt in options %}
  {% if opt is mapping %}
  <option value="{{ opt.value }}" {% if value|string == opt.value|string %}selected{% endif %}>{{ opt.label }}</option>
  {% else %}
  <option value="{{ opt }}" {% if value|string == opt|string %}selected{% endif %}>{{ opt }}</option>
  {% endif %}
  {% endfor %}
  {% endif %}
</select>
{% endmacro %}

{#
  form_textarea(name, value, rows, placeholder, attrs)
  Rendert <textarea class="form-input">.
  Readonly: attrs='readonly style="resize:none; cursor:text;" onclick="this.select()"'
#}
{% macro form_textarea(name, value='', rows=3, placeholder='', attrs='') %}
<textarea name="{{ name }}"
          class="form-input"
          rows="{{ rows }}"
          {% if placeholder %}placeholder="{{ placeholder }}"{% endif %}
          {% if attrs %}{{ attrs | safe }}{% endif %}>{{ value }}</textarea>
{% endmacro %}

{#
  toggle_field(name, checked, label, field_id)
  Toggle-Switch mit Hidden-Input (liefert immer "0" oder "1").
  Ersetzt alle raw hidden+checkbox+button-Konstrukte in Forms.
#}
{% macro toggle_field(name, checked=False, label='Aktiviert', field_id='') %}
{% set _id = field_id if field_id else ('tf-' ~ name) %}
<label class="toggle-field">
  <input type="hidden" name="{{ name }}" value="0">
  <input type="checkbox" name="{{ name }}" value="1" id="{{ _id }}"
         style="display:none;" {{ 'checked' if checked }}>
  <button type="button"
          class="toggle-switch {{ 'toggle-on' if checked else 'toggle-off' }}"
          onclick="var c=document.getElementById('{{ _id }}');c.checked=!c.checked;this.className='toggle-switch '+(c.checked?'toggle-on':'toggle-off');">
    <span class="toggle-knob"></span>
  </button>
  {% if label %}<span class="toggle-field-label">{{ label }}</span>{% endif %}
</label>
{% endmacro %}

{# ── Modal-Standard-Komponenten (legacy, nicht mehr in neuen Templates verwenden) ── #}
{# Neue Templates erben von ui/dialogs/dialog_core.html (oder _form / _confirm).    #}

{#
  modal_title(title, icon, is_edit)
  Legacy-Makro – ersetzt durch {% block dialog_title %} in dialog_core.html.
#}
{% macro modal_title(title='', icon=None, is_edit=False) %}
<div class="ds-modal-title">{{ title }}</div>
{% endmacro %}

{#
  modal_footer(enabled, enabled_id, save_label, save_disabled, has_toggle, save_id, save_type)
  Rendert den Standard-Footer eines Modals (Toggle + Abbrechen + Speichern).
#}
{% macro modal_footer(enabled=True, enabled_id='modal-enabled', save_label='Speichern',
                      save_disabled=False, has_toggle=True, save_id=None, save_type='submit') %}
<div class="ds-modal-footer"
     {% if not has_toggle %}style="justify-content:flex-end;"{% endif %}>
  {% if has_toggle %}
  <label class="toggle-field">
    <input type="hidden" name="enabled" value="0">
    <input type="checkbox" name="enabled" value="1" id="{{ enabled_id }}"
           style="display:none;" {{ 'checked' if enabled else '' }}>
    <button type="button"
            class="toggle-switch {{ 'toggle-on' if enabled else 'toggle-off' }}"
            onclick="
              var cb = document.getElementById('{{ enabled_id }}');
              cb.checked = !cb.checked;
              this.classList.toggle('toggle-on', cb.checked);
              this.classList.toggle('toggle-off', !cb.checked);
              this.nextElementSibling.textContent = cb.checked ? 'Aktiviert' : 'Deaktiviert';
            "
    ><span class="toggle-knob"></span></button>
    <span class="toggle-field-label">{{ 'Aktiviert' if enabled else 'Deaktiviert' }}</span>
  </label>
  {% endif %}
  <div class="modal-actions">
    {{ btn_cancel() }}
    {{ btn_save(save_label, type=save_type, save_id=save_id, disabled=save_disabled) }}
  </div>
</div>
{% endmacro %}

{#
  modal_footer_simple(close_label)
  Footer mit nur einem Schließen-Button.
#}
{% macro modal_footer_simple(close_label="Schließen") %}
<div class="ds-modal-footer-simple">
  {{ btn_close(close_label) }}
</div>
{% endmacro %}

{#
  modal_footer_actions()
  Footer mit extra Aktions-Buttons (via caller) VOR dem Schließen-Button.
  Verwendung: {% call modal_footer_actions() %}[extra buttons]{% endcall %}
#}
{% macro modal_footer_actions() %}
<div class="ds-modal-footer-simple">
  {{ btn_close() }}
  {{ caller() }}
</div>
{% endmacro %}

{#
  modal_footer_split()
  Footer mit split-Layout: links caller-Inhalt (Aktionen + Info), rechts Schließen.
  Verwendung: {% call modal_footer_split() %}[linker Inhalt]{% endcall %}
#}
{% macro modal_footer_split() %}
<div class="ds-modal-footer">
  <div style="display:flex; align-items:center; gap:10px;">
    {{ caller() }}
  </div>
  {{ btn_close() }}
</div>
{% endmacro %}

{#
  icon(name)
  Rendert ein inline-SVG anhand des Icon-Namens (13×13 px).
  Wird von card_action_button() und extern verwendet.
  Bekannte Namen: search, bar-chart, play, bug, file-text, terminal,
                  external-link, info, refresh
#}
{% macro icon(name) -%}
<svg width="13" height="13" viewBox="0 0 24 24" fill="currentColor" stroke="none"><use href="#icon-{{ name }}"></use></svg>
{%- endmacro %}

{#
  card_action_button(action, item, item_data, container_id, loading_id)
  Rendert einen Card-Footer-Button aus einer card_actions-Eintragsdefinition.
  action – Dict aus modul.yaml card_actions:
    title           – Tooltip
    icon            – Icon-Name (siehe icon()-Makro)
    style           – optional: 'run', 'debug', 'log', 'danger' → btn-icon-{style}
    hx_get          – HTMX GET-URL  (alternativ zu hx_post)
    hx_post         – HTMX POST-URL (alternativ zu hx_get)
    hx_headers      – HTMX-Headers als JSON-String
    hx_target       – HTMX-Target (default: #main-content)
    hx_swap         – HTMX-Swap (default: innerHTML)
    hx_push_url     – HTMX push-url
    disabled_if_off – bool: Button deaktivieren wenn item_data.enabled=false
  Platzhalter in URLs und hx_target: {item}, {description},
                                     {container_id}, {loading_id}
#}
{% macro card_action_button(action, item, item_data={}, container_id='', loading_id='') %}
{%- if not action.show_if_field or item_data.get(action.show_if_field) -%}
{%- if not action.hide_if_field_value or item_data.get(action.hide_if_field_value.field) != action.hide_if_field_value.value -%}
{%- set _subs = [
    ('{item}',         item | string),
    ('{description}',  item_data.description | default(item | string)),
    ('{container_id}', container_id | string),
    ('{loading_id}',   loading_id   | string),
] -%}
{%- macro _sub(s) -%}
  {%- set ns = namespace(v=s) -%}
  {%- for k, v in _subs %}{%- set ns.v = ns.v | replace(k, v) -%}{%- endfor -%}
  {%- for k, v in item_data.items() %}{%- set ns.v = ns.v | replace('{' + k + '}', v | string) -%}{%- endfor -%}
  {{- ns.v -}}
{%- endmacro -%}
{%- if action.href -%}
<a class="btn-icon{% if action.style %} btn-icon-{{ action.style }}{% endif %}"
   href="{{ _sub(action.href) }}"
   target="_blank" rel="noopener"
   title="{{ action.title }}">
  {{ icon(action.icon) }}
</a>
{%- else -%}
<button class="btn-icon{% if action.style %} btn-icon-{{ action.style }}{% endif %}"
        title="{{ action.title }}"
        {% if action.hx_get  %}hx-get="{{  _sub(action.hx_get)  }}"{% endif %}
        {% if action.hx_post %}hx-post="{{ _sub(action.hx_post) }}"{% endif %}
        {% if action.hx_headers %}hx-headers='{{ action.hx_headers }}'{% endif %}
        hx-target="{{ _sub(action.hx_target | default('#main-content')) }}"
        hx-swap="{{ action.hx_swap | default('innerHTML') }}"
        {% if action.hx_push_url %}hx-push-url="{{ _sub(action.hx_push_url) }}"{% endif %}
        {% if action.disabled_if_off and not item_data.enabled %}disabled{% endif %}>
  {{ icon(action.icon) }}
</button>
{%- endif -%}
{%- endif -%}
{%- endif %}
{% endmacro %}


{# ═══════════════════════════════════════════════════════════════════════════ #}
{# Deklaratives UI-System – Render-Makros für controls.py-Dataklassen        #}
{# ═══════════════════════════════════════════════════════════════════════════ #}

{#
  col_header(col)
  Rendert ein <th>-Element für eine Col-Instanz aus controls.py.
#}
{% macro col_header(col) %}<th class="{{ col.cls }}{{ ' sortable' if col.sortable else '' }}">{{ col.label }}</th>
{% endmacro %}

{#
  col_cell(col, item_name, item_data)
  Rendert ein <td>-Element für eine Col-Instanz.
    col        – controls.Col-Instanz
    item_name  – String-Key des Eintrags
    item_data  – Dict mit den Eintragsdaten
#}
{% macro col_cell(col, item_name, item_data) %}
{%- set _val = item_data.get(col.key) if item_data is mapping else none -%}
{%- if col.type == 'text' -%}
<td class="{{ col.cls }}">{{ _val or '—' }}</td>
{%- elif col.type == 'trunc' -%}
<td class="{{ col.cls }}" title="{{ _val or '' }}">{{ _val or '—' }}</td>
{%- elif col.type == 'remote_path' -%}
{%- set _rhost = resolve_remote_host(item_data.get(col.remote_key)) if item_data.get(col.remote_key) else '—' -%}
{%- set _rlabel = 'Lokal' if _rhost == '—' else _rhost -%}
<td class="{{ col.cls }}" title="{{ _rlabel }}:{{ item_data.get(col.path_key) or '' }}">{{ _rlabel }}:{{ item_data.get(col.path_key) or '—' }}</td>
{%- elif col.type == 'remote_host' -%}
{%- set _rhost = resolve_remote_host(item_data.get(col.remote_key)) if item_data.get(col.remote_key) else '—' -%}
<td class="{{ col.cls }}">{{ 'Lokal' if _rhost == '—' else _rhost }}</td>
{%- elif col.type == 'join' -%}
{%- set _list = _val if (_val is iterable and _val is not string) else [] -%}
<td class="{{ col.cls }}">{{ _list | join(col.sep) or '—' }}</td>
{%- elif col.type == 'mono' -%}
<td class="{{ col.cls }}">{{ _val or '—' }}</td>
{%- elif col.type == 'badge_enum' -%}
{%- set _bd = col.values.get(_val | string, {}) if col.values and _val else {} -%}
<td class="{{ col.cls }}">
  {%- if _bd %}<span class="badge-pill {{ _bd.cls | default('badge-muted') }}">{{ _bd.label | default(_val) }}</span>
  {%- elif _val %}<span class="badge-pill badge-muted">{{ _val }}</span>
  {%- else %}—{% endif -%}
</td>
{%- elif col.type == 'badge_list' -%}
{%- set _list = _val if (_val is iterable and _val is not string) else [] -%}
<td class="{{ col.cls }}">
  {%- if _list -%}
  <div style="display:flex;flex-wrap:wrap;gap:3px;">
    {%- for v in _list -%}
    {%- set _bd = col.values.get(v | string, {}) if col.values else {} -%}
    <span class="badge-pill {{ _bd.cls | default('badge-muted') }}">{{ _bd.label | default(v) }}</span>
    {%- endfor -%}
  </div>
  {%- else %}—{% endif -%}
</td>
{%- elif col.type == 'link' -%}
<td class="{{ col.cls }}">
  {%- if _val %}<a href="{{ _val }}" target="_blank" rel="noopener">{{ _val }}</a>
  {%- else %}—{% endif -%}
</td>
{%- elif col.type == 'composed' -%}
{%- set _composed = col.template | replace('{item_name}', item_name | string) | replace('{key}', _val | string) -%}
<td class="{{ col.cls }}">{{ _composed if _val else '—' }}</td>
{%- elif col.type == 'version_badge' -%}
{%- set _upd = item_data.get(col.remote_key) if col.remote_key else '' -%}
<td class="{{ col.cls }}">
  {{- _val or '—' -}}
  {%- if _upd and _upd != _val %}<span class="badge-pill badge-warn" style="margin-left:6px" title="Neue Version verfügbar: {{ _upd }}">{{ _upd }}</span>{% endif -%}
</td>
{%- elif col.type == 'status' -%}
<td class="{{ col.cls }}">{{ status_inline(_val) }}</td>
{%- else -%}
<td>{{ _val or '—' }}</td>
{%- endif %}
{% endmacro %}

{#
  header_control(ctrl, module, container_id, loading_id)
  Rendert ein einzelnes Header-Control (filter_select oder action_button).
    ctrl         – controls.HeaderControl-Instanz
    module       – Modul-Key (String)
    container_id – Container-ID für Standard-HTMX-Target
    loading_id   – Loading-Indicator-ID
#}
{% macro header_control(ctrl, module, container_id, loading_id='', filter_defs=[]) %}
{%- if ctrl.type == 'filter_select' -%}
{%- set _hx_get     = ctrl.hx_get     or ('/ui/' ~ module ~ '/content') -%}
{%- set _hx_target  = ctrl.hx_target  or ('#' ~ container_id) -%}
{%- set _hx_swap    = ctrl.hx_swap    or 'innerHTML' -%}
{%- set _hx_include = ctrl.hx_include or ('[data-filter-for=\'' ~ module ~ '\']') -%}
{%- set _data_key   = ctrl.data_attr  or ('data-filter-for="' ~ module ~ '"') -%}
{%- set _opts = ctrl.options if ctrl.options else [] -%}
{%- if not _opts and ctrl.options_fn -%}{%- set _opts = ctrl.options_fn() -%}{%- endif -%}
{%- set _ns = namespace(active='') -%}
{%- for fd in filter_defs -%}{%- if fd.param == ctrl.name -%}{%- set _ns.active = fd.active -%}{%- endif -%}{%- endfor -%}
<select class="form-select table-filter-select"
        name="{{ ctrl.name }}"
        {{ _data_key }}
        x-data="moduleFilter('{{ module }}__{{ ctrl.name }}')"
        @change="save($el.value)"
        hx-get="{{ _hx_get }}"
        hx-target="{{ _hx_target }}"
        hx-swap="{{ _hx_swap }}"
        hx-trigger="change"
        hx-include="{{ _hx_include }}">
  <option value="">{{ ctrl.all_label or 'Alle' }}</option>
  {%- for opt in _opts -%}
  {%- set _sel = (opt.value|string == _ns.active|string and _ns.active != '') or (opt.default and not _ns.active) -%}
  <option value="{{ opt.value }}"{{ ' selected' if _sel else '' }}>{{ opt.label }}</option>
  {%- endfor -%}
</select>
{%- elif ctrl.type == 'action_button' -%}
{%- set _attrs = (('hx-get="'  ~ ctrl.hx_get  ~ '" ') if ctrl.hx_get  else '')
               ~ (('hx-post="' ~ ctrl.hx_post ~ '" ') if ctrl.hx_post else '')
               ~ (('hx-target="' ~ (ctrl.hx_target or 'body') ~ '" hx-swap="' ~ (ctrl.hx_swap or 'beforeend') ~ '"') if (ctrl.hx_get or ctrl.hx_post) else '') -%}
{{ btn(ctrl.label, variant=ctrl.style or 'primary', attrs=_attrs) }}
{%- endif %}
{% endmacro %}

{% macro last_run_cell(value) %}{%- if value and ' ' in value -%}{%- set parts = value.split(' ', 1) -%}{%- set dp = parts[0].split('-') -%}{%- set date_str = dp[2] ~ '.' ~ dp[1] ~ '.' ~ dp[0] if dp|length == 3 and dp[0]|length == 4 else parts[0] -%}<span class="lr-date">{{ date_str }}</span><span class="lr-time">{{ parts[1] }}</span>{%- else -%}{{ value or '—' }}{%- endif %}{% endmacro %}