{#
  activity_log/partials/mobile_cards.html
  Mobile-Karten für den Activity-Log.

  Layout pro Karte:
    Header:  Job-Name (links)  •  Status-Badge (rechts)
    Meta:    Modul  •  Zeitpunkt  •  Dauer
    Footer:  Typ-Badge  •  Detail-Button  •  Log-Button
#}
{% import 'partials/components/ui_macros.html' as ui %}
{% import 'partials/components/mobile_card_macros.html' as mc %}
{%- set _type_map = {
  'job':       {'label': 'job',   'cls': 'badge-grey'},
  'scheduler': {'label': 'sched', 'cls': 'badge-grey'},
  'error':     {'label': 'err',   'cls': 'badge-status-err'},
  'warning':   {'label': 'warn',  'cls': 'badge-status-warn'},
  'system':    {'label': 'sys',   'cls': 'badge-grey'},
} -%}

{% if cfg %}
  {% for item_name, item_data in cfg.items() %}
    {%- set _t = _type_map.get(item_data.get('log_type'), {'label': item_data.get('log_type') or '?', 'cls': 'badge-grey'}) -%}
    {%- set _title = item_data.get('description') or item_data.get('item_id') or item_data.get('module') or item_name -%}
    {% set _footer %}
      <span class="badge-pill {{ _t.cls }}">{{ _t.label }}</span>
      <div class="m-card-footer-actions">
        <button hx-get="/ui/activity_log/{{ item_name }}/log"
                hx-target="body" hx-swap="beforeend"
                class="btn-icon btn-icon-log" title="Log">
          {{ ui.icon('file-text') }}
        </button>
      </div>
    {% endset %}
    {% call mc.m_card(_title, status=item_data.get('status'), footer=_footer) %}
      <div class="m-card-meta-row">
        <span class="m-card-meta-value al-m-line">
          <span class="al-m-module">{{ item_data.get('module') or '—' }}</span>
          <span class="al-m-sep">•</span>
          <span>{{ item_data.get('created_at') or '—' }}</span>
          {%- if item_data.get('duration_fmt') and item_data.get('duration_fmt') != '—' %}
          <span class="al-m-sep">•</span>
          <span>{{ item_data.get('duration_fmt') }}</span>
          {%- endif %}
        </span>
      </div>
    {% endcall %}
  {% endfor %}
{% 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">Noch keine Aktivität protokolliert</div>
  </div>
{% endif %}