{% if filaments %}
<div class="filament-entry-list">
  {% for filament in filaments %}
  {% set datasheets = filament.datasheets if filament.datasheets is defined else filament_datasheets_map.get(filament.id|string, []) %}
  {% set origin = filament.origin if filament.origin is defined else filament.source_origin %}
  {% set color_hex = filament.color_hex or '#00f5d4' %}
  {% if origin == 'user' %}
  {% set origin_label = 'USER' %}
  {% set origin_flag_class = 'user' %}
  {% elif origin == 'manufacturer_pack' %}
  {% set origin_label = 'PACK' %}
  {% set origin_flag_class = 'manufacturer-pack' %}
  {% elif origin == 'bundle' %}
  {% set origin_label = 'BUNDLE' %}
  {% set origin_flag_class = 'bundle' %}
  {% else %}
  {% set origin_label = (origin or 'legacy')|upper %}
  {% set origin_flag_class = 'legacy' %}
  {% endif %}
  <article
    data-filament-row
    data-filament-id="{{ filament.id }}"
    data-secondary-material-category="{{ filament.secondary_material_category }}"
    data-secondary-profile-tags="{{ filament.secondary_profile_tags|join(',') }}"
    class="filament-entry-card filament-entry-card--warehouse {% if origin != 'user' %}filament-entry-card--managed{% endif %} filament-entry-card--origin-{{ origin_flag_class }} mode-{{ (filament.color_mode or 'single')|lower }} {% if filament.finish_type %}finish-{{ filament.finish_type|replace('_', '-')|lower }}{% endif %}"
    style="--slot-color: {{ color_hex }}; --slot-color-soft: {{ color_hex }}33; --slot-color-strong: {{ color_hex }}88;"
  >
    <span class="filament-entry-flag filament-entry-flag--{{ origin_flag_class }}" aria-label="Quelle: {{ origin_label }}">
      <span>{{ origin_label }}</span>
    </span>
    <div class="filament-entry-warehouse-layout">
      <div class="filament-entry-visual" aria-hidden="true">
        <div class="filament-reel">
          <span class="filament-reel-core"></span>
          <span class="filament-reel-hub"></span>
          <span class="filament-reel-fx"></span>
        </div>
      </div>

      <div class="filament-entry-body">
        <div class="filament-entry-mainline">
          <label class="filament-entry-select">
            <input type="checkbox" class="filament-selector" value="{{ filament.id }}">
            <span>#{{ filament.id }}</span>
          </label>
          <button type="button" class="filament-entry-main" data-open-filament-detail data-filament-id="{{ filament.id }}">
            <span class="filament-entry-main-copy">
              <strong>{{ filament.color_name or ('Filament #' ~ filament.id) }}</strong>
              <span class="muted">{{ filament.brand }} | {{ filament.material }}{% if filament.sku %} | SKU {{ filament.sku }}{% endif %}{% if filament.supplier %} | {{ filament.supplier }}{% endif %}</span>
            </span>
          </button>
          <div class="filament-entry-quickmeta">
            {% if datasheets %}
            <span class="sci-badge ok">{{ datasheets|length }} PDF</span>
            {% else %}
            <span class="muted tiny">Kein Datenblatt</span>
            {% endif %}
          </div>
        </div>

        <div class="filament-mini-chipline">
          <span class="filament-mini-chip">{{ (filament.color_family or ('multicolor' if (filament.color_mode or 'single') != 'single' else 'monochrom'))|upper }}</span>
          <span class="filament-mini-chip">{{ (filament.color_mode or 'single')|upper }}</span>
          {% if filament.finish_type %}
          <span class="filament-mini-chip">{{ filament.finish_type|replace('_', ' ')|upper }}</span>
          {% endif %}
          {% if (filament.color_mode or 'single') == 'rainbow' and filament.gradient_change_type %}
          <span class="filament-mini-chip">{{ filament.gradient_change_type|replace('_', ' ')|upper }}</span>
          {% endif %}
        </div>

        {% if (filament.color_mode or 'single') == 'rainbow' %}
        <div class="muted tiny filament-entry-gradient">
          {{ filament.gradient_spectrum or '-' }}
          {% if filament.gradient_cycle_m %} | {{ filament.gradient_cycle_m }} m{% endif %}
          {% if filament.gradient_cycle_g %} | {{ filament.gradient_cycle_g }} g{% endif %}
        </div>
        {% endif %}

        <div class="filament-source-chipline">
          <span class="filament-source-chip">{{ filament.print_temp_c if filament.print_temp_c is not none else '-' }} C / {{ filament.bed_temp_c if filament.bed_temp_c is not none else '-' }} C</span>
          <span class="filament-source-chip">{{ filament.diameter_mm }} mm{% if filament.fan_percent is not none %} | Fan {{ filament.fan_percent }}%{% endif %}</span>
        </div>

        <div class="slot-card-actions slot-card-actions--footer filament-entry-actions">
          <button type="button" class="sci-btn subtle small slot-icon-btn" data-open-filament-detail data-filament-id="{{ filament.id }}" title="Details" aria-label="Details">
            <iconify-icon icon="mdi:information-outline" aria-hidden="true"></iconify-icon>
          </button>
          <button type="button" class="sci-btn subtle small slot-icon-btn" data-open-create-spool data-filament-id="{{ filament.id }}" title="Neue Rolle" aria-label="Neue Rolle">
            <iconify-icon icon="mdi:printer-3d-nozzle" aria-hidden="true"></iconify-icon>
          </button>
          <button type="button" class="sci-btn subtle small slot-icon-btn" data-open-bulk-create-spool data-filament-id="{{ filament.id }}" title="Mehrere Rollen" aria-label="Mehrere Rollen">
            <iconify-icon icon="mdi:playlist-plus" aria-hidden="true"></iconify-icon>
          </button>
          {% if datasheets %}
          <button
            type="button"
            class="sci-btn subtle small slot-icon-btn"
            data-view-datasheet
            data-url="{{ url_for('web.filament_datasheet_download', datasheet_id=datasheets[0].id) }}"
            data-name="{{ datasheets[0].filename }}"
            title="PDF"
            aria-label="PDF"
          >
            <iconify-icon icon="mdi:file-pdf-box" aria-hidden="true"></iconify-icon>
          </button>
          {% else %}
          <button type="button" class="sci-btn subtle small slot-icon-btn" data-open-upload-filament-datasheet data-id="{{ filament.id }}" data-name="{{ filament.brand }} {{ filament.material }} {{ filament.color_name }}" title="PDF hochladen" aria-label="PDF hochladen">
            <iconify-icon icon="mdi:file-plus-outline" aria-hidden="true"></iconify-icon>
          </button>
          {% endif %}
          <button type="button" class="sci-btn subtle small slot-icon-btn" data-open-edit-filament data-id="{{ filament.id }}" title="Bearbeiten" aria-label="Bearbeiten">
            <iconify-icon icon="mdi:pencil-outline" aria-hidden="true"></iconify-icon>
          </button>
          <button type="button" class="sci-btn subtle small slot-icon-btn" data-open-delete-filament data-id="{{ filament.id }}" data-name="{{ filament.brand }} {{ filament.material }} {{ filament.color_name }}" title="Loeschen" aria-label="Loeschen">
            <iconify-icon icon="mdi:delete-outline" aria-hidden="true"></iconify-icon>
          </button>
        </div>
      </div>
    </div>
  </article>
  {% endfor %}
</div>
{% else %}
<div class="filament-entry-list filament-entry-list--empty">
  <div class="filament-empty-state muted tiny">Keine Filamente in dieser Materialgruppe.</div>
</div>
{% endif %}