{% extends 'base.html' %}
{% block title %}Globale Filamente | Filament Manager{% endblock %}
{% block body_class %}page-filaments{% endblock %}
{% block page_title %}Globale Filamentverwaltung{% endblock %}
{% block page_subtitle %}Zentrale Materialdatenbank mit produktbezogenen Werten, Datenblaettern und schneller Detailansicht im Modal.{% endblock %}
{% block page_toolbar %}
<details class="row-action-menu filament-toolbar-menu">
  <summary class="sci-btn small row-action-menu-trigger">
    <iconify-icon icon="mdi:briefcase-outline" aria-hidden="true"></iconify-icon> Herstellerdaten
    <iconify-icon class="menu-caret" icon="mdi:chevron-down" aria-hidden="true"></iconify-icon>
  </summary>
  <div class="row-action-menu-list filament-toolbar-menu-list">
    <div class="row-action-menu-head">Herstellerbereich</div>
    <div class="row-action-menu-note muted tiny">Hersteller anlegen, Stammdaten pflegen und fuer Community-Uploads vorbereiten.</div>
    <button type="button" class="sci-btn subtle small menu-action-btn" data-open-create-manufacturer>
      <iconify-icon icon="mdi:domain-plus" aria-hidden="true"></iconify-icon> Neuer Hersteller
    </button>
    <button type="button" class="sci-btn subtle small menu-action-btn" data-open-manufacturer-profile-manager>
      <iconify-icon icon="mdi:pencil-outline" aria-hidden="true"></iconify-icon> Herstellerdaten bearbeiten
    </button>
  </div>
</details>
<details class="row-action-menu filament-toolbar-menu">
  <summary class="sci-btn small row-action-menu-trigger">
    <iconify-icon icon="mdi:package-variant-closed-plus" aria-hidden="true"></iconify-icon> Filamente
    <iconify-icon class="menu-caret" icon="mdi:chevron-down" aria-hidden="true"></iconify-icon>
  </summary>
  <div class="row-action-menu-list filament-toolbar-menu-list">
    <div class="row-action-menu-head">Filamentpflege</div>
    <div class="row-action-menu-note muted tiny">Einzelne Filamente anlegen, viele Varianten gesammelt erzeugen oder bestehende Daten im Batch pflegen.</div>
    <button type="button" class="sci-btn subtle small menu-action-btn" data-open-create-filament>
      <iconify-icon icon="mdi:plus-circle-outline" aria-hidden="true"></iconify-icon> Neues Filament
    </button>
    <button type="button" class="sci-btn subtle small menu-action-btn" data-open-bulk-create-filament>
      <iconify-icon icon="mdi:playlist-plus" aria-hidden="true"></iconify-icon> Bulk Filamente
    </button>
    <button type="button" class="sci-btn subtle small menu-action-btn" data-open-filament-bulk-editor>
      <iconify-icon icon="mdi:tune-variant" aria-hidden="true"></iconify-icon> Batch Editor
    </button>
  </div>
</details>
<details class="row-action-menu filament-toolbar-menu">
  <summary class="sci-btn small row-action-menu-trigger">
    <iconify-icon icon="mdi:account-outline" aria-hidden="true"></iconify-icon> Community & Tools
    <iconify-icon class="menu-caret" icon="mdi:chevron-down" aria-hidden="true"></iconify-icon>
  </summary>
  <div class="row-action-menu-list filament-toolbar-menu-list">
    <div class="row-action-menu-head">Community & Hilfsdaten</div>
    <div class="row-action-menu-note muted tiny">Community-Share starten und herstellerbezogene Leerspulenprofile direkt pflegen.</div>
    <button type="button" class="sci-btn subtle small menu-action-btn" data-open-filament-community-share>
      <iconify-icon icon="mdi:share-variant-outline" aria-hidden="true"></iconify-icon> Filament Paket Teilen
    </button>
    <button type="button" class="sci-btn subtle small menu-action-btn" data-open-empty-spool-manager>
      <iconify-icon icon="mdi:weight-kilogram" aria-hidden="true"></iconify-icon> Leerspulen
    </button>
  </div>
</details>
<details class="row-action-menu filament-toolbar-menu">
  <summary class="sci-btn small row-action-menu-trigger">
    <iconify-icon icon="mdi:view-dashboard-outline" aria-hidden="true"></iconify-icon> Analyse & Wechsel
    <iconify-icon class="menu-caret" icon="mdi:chevron-down" aria-hidden="true"></iconify-icon>
  </summary>
  <div class="row-action-menu-list filament-toolbar-menu-list">
    <div class="row-action-menu-head">Auswertung & Navigation</div>
    <div class="row-action-menu-note muted tiny">Statistik oeffnen oder direkt in die aktive Spulenliste zurueckspringen.</div>
    <a class="sci-btn subtle small menu-action-btn" href="{{ url_for('web.filament_stats') }}">
      <iconify-icon icon="mdi:chart-box-outline" aria-hidden="true"></iconify-icon> Filament Statistik
    </a>
    <a class="sci-btn subtle small menu-action-btn" href="{{ url_for('web.spools') }}">
      <iconify-icon icon="mdi:format-list-bulleted" aria-hidden="true"></iconify-icon> Zur Spulenliste
    </a>
  </div>
</details>
{% endblock %}
{% block content %}
{% set has_extended_filter = filters.source_origin or filters.color_mode or filters.color_family or filters.finish_type or filters.effect_tag or filters.supplier or filters.has_datasheet or filters.has_sku or filters.has_supplier or filters.has_notes or filters.food_safe or filters.datasheet_status or filters.id_min or filters.id_max %}
<section
  class="sci-panel filter-panel compact page-filter-shell filament-filter-shell"
  data-filament-filter-shell
  data-filter-state="collapsed"
  data-default-open="0"
  data-default-tab="{{ 'advanced' if has_extended_filter else 'basic' }}"
>
  <div class="filament-filter-shell-head">
    <div>
      <h2 class="sci-h2">Suche & Filter</h2>
      <div class="muted tiny">Kompakt einklappbar: geschlossen nur Freitextsuche, geoeffnet mit Basis- und erweiterten Filtern.</div>
    </div>
    <button type="button" class="sci-btn subtle small filament-filter-toggle" data-filament-filter-toggle aria-expanded="false" data-fallback-symbol="v">
      <iconify-icon icon="mdi:chevron-down" aria-hidden="true"></iconify-icon>
      <span data-filament-filter-toggle-label>Filter oeffnen</span>
    </button>
  </div>

  <form class="filament-filter-quickbar" method="get" data-filament-filter-quick-form>
    <input type="hidden" name="sort_by" value="{{ sort_state.by }}">
    <input type="hidden" name="sort_dir" value="{{ sort_state.dir }}">
    <input
      class="sci-input filter-search filament-filter-quick-input"
      type="search"
      name="q"
      value="{{ filters.q }}"
      placeholder="Freitextsuche: Hersteller, Material, Farbe, SKU, Lieferant"
      data-filament-filter-quick-input
    >
    <button class="sci-btn small" type="submit">
      <iconify-icon icon="mdi:magnify" aria-hidden="true"></iconify-icon> Suchen
    </button>
  </form>

  <form class="filament-filter-form-advanced" method="get" data-filament-filter-form>
    <input type="hidden" name="sort_by" value="{{ sort_state.by }}">
    <input type="hidden" name="sort_dir" value="{{ sort_state.dir }}">
    <div class="filament-filter-tabbar" role="tablist" aria-label="Filament Filter Tabs">
      <button type="button" class="filament-filter-tab active" data-filament-filter-tab="basic" aria-pressed="true">
        <iconify-icon icon="mdi:tune-vertical-variant" aria-hidden="true"></iconify-icon> Basis
      </button>
      <button type="button" class="filament-filter-tab" data-filament-filter-tab="advanced" aria-pressed="false">
        <iconify-icon icon="mdi:tune" aria-hidden="true"></iconify-icon> Erweiterte Filter
      </button>
    </div>

    <div class="filament-filter-panel active" data-filament-filter-panel="basic">
      <div class="filament-filter-grid filament-filter-grid--basic">
        <div class="sci-input-group filament-filter-field filament-filter-field--full">
          <label>Freitextsuche</label>
          <input class="sci-input" type="search" name="q" value="{{ filters.q }}" placeholder="Hersteller, Material, Farbe, SKU, Lieferant" data-filament-filter-main-q>
        </div>
        <div class="sci-input-group filament-filter-field">
          <label>Hersteller</label>
          <select class="sci-input" name="brand">
            <option value="">Alle Hersteller</option>
            {% for b in brands %}
            <option value="{{ b.brand }}" {% if filters.brand == b.brand %}selected{% endif %}>{{ b.brand }}</option>
            {% endfor %}
          </select>
        </div>
        <div class="sci-input-group filament-filter-field">
          <label>Material</label>
          <select class="sci-input" name="material">
            <option value="">Alle Materialien</option>
            {% for m in materials %}
            <option value="{{ m.material }}" {% if filters.material == m.material %}selected{% endif %}>{{ m.material }}</option>
            {% endfor %}
          </select>
        </div>
        <div class="sci-input-group filament-filter-field filament-filter-field--full">
          <label>SKU / EAN / Artikelcode</label>
          <input class="sci-input" type="text" name="product" list="filament-sku-suggestion-list" value="{{ filters.product }}" placeholder="SKU, EAN oder Artikelcode eingeben">
        </div>
      </div>
    </div>

    <div class="filament-filter-panel" data-filament-filter-panel="advanced">
      <div class="filament-advanced-filter-groups">
        <section class="filament-filter-group-card">
          <header>
            <strong>Optik & Farbe</strong>
            <span>Farbraum, Finish und Effekte eingrenzen.</span>
          </header>
          <div class="filament-filter-grid">
            <div class="sci-input-group filament-filter-field">
              <label>Farbmodus</label>
              <select class="sci-input" name="color_mode">
                <option value="">Alle Farbmodi</option>
                {% for mode in color_modes %}
                <option value="{{ mode }}" {% if filters.color_mode == mode %}selected{% endif %}>{{ mode|upper }}</option>
                {% endfor %}
              </select>
            </div>
            <div class="sci-input-group filament-filter-field">
              <label>Farbfamilie</label>
              <select class="sci-input" name="color_family">
                <option value="">Alle Farbfamilien</option>
                {% for family in color_families %}
                <option value="{{ family }}" {% if filters.color_family == family %}selected{% endif %}>{{ family|replace('_', ' ')|title }}</option>
                {% endfor %}
              </select>
            </div>
            <div class="sci-input-group filament-filter-field">
              <label>Finish</label>
              <select class="sci-input" name="finish_type">
                <option value="">Alle Finishs</option>
                {% for finish in finish_types %}
                <option value="{{ finish }}" {% if filters.finish_type == finish %}selected{% endif %}>{{ finish|replace('_', ' ')|title }}</option>
                {% endfor %}
              </select>
            </div>
            <div class="sci-input-group filament-filter-field">
              <label>Effekt</label>
              <select class="sci-input" name="effect_tag">
                <option value="">Alle Effekte</option>
                {% for effect in effect_tags %}
                <option value="{{ effect }}" {% if filters.effect_tag == effect %}selected{% endif %}>{{ effect }}</option>
                {% endfor %}
              </select>
            </div>
          </div>
        </section>

        <section class="filament-filter-group-card">
          <header>
            <strong>Quelle & Bezug</strong>
            <span>Quelle, Lieferant und Pflegezustand filtern.</span>
          </header>
          <div class="filament-filter-grid">
            <div class="sci-input-group filament-filter-field">
              <label>Quelle</label>
              <select class="sci-input" name="source_origin">
                <option value="" {% if filters.source_origin == '' %}selected{% endif %}>Alle Quellen</option>
                <option value="user" {% if filters.source_origin == 'user' %}selected{% endif %}>Nur User</option>
                <option value="manufacturer_pack" {% if filters.source_origin == 'manufacturer_pack' %}selected{% endif %}>Nur Pack JSON</option>
                <option value="bundle" {% if filters.source_origin == 'bundle' %}selected{% endif %}>Nur Bundle</option>
              </select>
            </div>
            <div class="sci-input-group filament-filter-field">
              <label>Lieferant</label>
              <select class="sci-input" name="supplier">
                <option value="">Alle Lieferanten</option>
                {% for s in suppliers %}
                <option value="{{ s.supplier }}" {% if filters.supplier == s.supplier %}selected{% endif %}>{{ s.supplier }}</option>
                {% endfor %}
              </select>
            </div>
            <div class="sci-input-group filament-filter-field">
              <label>SKU Status</label>
              <select class="sci-input" name="has_sku">
                <option value="" {% if filters.has_sku == '' %}selected{% endif %}>Alle</option>
                <option value="1" {% if filters.has_sku == '1' %}selected{% endif %}>Nur mit SKU</option>
                <option value="0" {% if filters.has_sku == '0' %}selected{% endif %}>Nur ohne SKU</option>
              </select>
            </div>
            <div class="sci-input-group filament-filter-field">
              <label>Lieferant Status</label>
              <select class="sci-input" name="has_supplier">
                <option value="" {% if filters.has_supplier == '' %}selected{% endif %}>Alle</option>
                <option value="1" {% if filters.has_supplier == '1' %}selected{% endif %}>Nur mit Lieferant</option>
                <option value="0" {% if filters.has_supplier == '0' %}selected{% endif %}>Nur ohne Lieferant</option>
              </select>
            </div>
            <div class="sci-input-group filament-filter-field">
              <label>Notizen</label>
              <select class="sci-input" name="has_notes">
                <option value="" {% if filters.has_notes == '' %}selected{% endif %}>Alle</option>
                <option value="1" {% if filters.has_notes == '1' %}selected{% endif %}>Nur mit Notizen</option>
                <option value="0" {% if filters.has_notes == '0' %}selected{% endif %}>Nur ohne Notizen</option>
              </select>
            </div>
            <div class="sci-input-group filament-filter-field">
              <label>Food Safe</label>
              <select class="sci-input" name="food_safe">
                <option value="" {% if filters.food_safe == '' %}selected{% endif %}>Alle</option>
                <option value="1" {% if filters.food_safe == '1' %}selected{% endif %}>Nur Food-Safe</option>
                <option value="0" {% if filters.food_safe == '0' %}selected{% endif %}>Nur nicht Food-Safe</option>
              </select>
            </div>
          </div>
        </section>

        <section class="filament-filter-group-card">
          <header>
            <strong>Datenblätter</strong>
            <span>Mit PDF, URL-Status und offene Nachpflege zusammenfassen.</span>
          </header>
          <div class="filament-filter-grid">
            <div class="sci-input-group filament-filter-field">
              <label>Datenblatt vorhanden</label>
              <select class="sci-input" name="has_datasheet">
                <option value="" {% if filters.has_datasheet == '' %}selected{% endif %}>Alle Datenblaetter</option>
                <option value="1" {% if filters.has_datasheet == '1' %}selected{% endif %}>Nur mit Datenblatt</option>
                <option value="0" {% if filters.has_datasheet == '0' %}selected{% endif %}>Nur ohne Datenblatt</option>
              </select>
            </div>
            <div class="sci-input-group filament-filter-field filament-filter-field--full">
              <label>Datenblatt Status</label>
              <select class="sci-input" name="datasheet_status">
                <option value="" {% if filters.datasheet_status == '' %}selected{% endif %}>Alle Status</option>
                <option value="local" {% if filters.datasheet_status == 'local' %}selected{% endif %}>Mit lokaler PDF</option>
                <option value="remote" {% if filters.datasheet_status == 'remote' %}selected{% endif %}>Mit URL</option>
                <option value="remote_pending" {% if filters.datasheet_status == 'remote_pending' %}selected{% endif %}>URL, noch nicht lokal</option>
                <option value="missing" {% if filters.datasheet_status == 'missing' %}selected{% endif %}>Ohne Datenblatt</option>
              </select>
            </div>
          </div>
        </section>

        <section class="filament-filter-group-card">
          <header>
            <strong>Interner Bereich</strong>
            <span>ID-Spanne fuer gezielte Pflege- oder Importkontrollen.</span>
          </header>
          <div class="filament-filter-grid">
            <div class="sci-input-group filament-filter-field">
              <label>ID von</label>
              <input class="sci-input" name="id_min" type="number" min="1" step="1" value="{{ filters.id_min }}" placeholder="z.B. 1000">
            </div>
            <div class="sci-input-group filament-filter-field">
              <label>ID bis</label>
              <input class="sci-input" name="id_max" type="number" min="1" step="1" value="{{ filters.id_max }}" placeholder="z.B. 1500">
            </div>
          </div>
        </section>
      </div>
    </div>

    <div class="filament-filter-footer">
      <span class="muted tiny">Hersteller {{ pagination.start_index }}-{{ pagination.end_index }} von {{ pagination.total_brand_count }} | {{ pagination.total_count }} Filamente</span>
      <div class="filament-filter-footer-actions">
        <button class="sci-btn small" type="submit">
          <iconify-icon icon="mdi:filter-variant" aria-hidden="true"></iconify-icon> Filter anwenden
        </button>
        <a class="sci-btn subtle small" href="{{ url_for('web.filaments') }}">
          <iconify-icon icon="mdi:filter-remove-outline" aria-hidden="true"></iconify-icon> Filter zuruecksetzen
        </a>
      </div>
    </div>
  </form>
</section>

<section class="sci-panel section-gap">
  <div class="section-head filament-group-section-head">
    <div class="filament-results-toolbar">
      <div class="filament-selection-toolbar">
        <button type="button" class="sci-btn subtle small filament-toolbar-icon-btn" data-select-filaments-page title="Sichtbare Filamente waehlen" aria-label="Sichtbare Filamente waehlen" data-fallback-symbol="O">
          <iconify-icon icon="mdi:checkbox-multiple-marked-circle-outline" aria-hidden="true"></iconify-icon>
          <span class="filament-toolbar-sr">Sichtbare Filamente waehlen</span>
        </button>
        <button type="button" class="sci-btn subtle small filament-toolbar-icon-btn" data-select-filaments-filtered title="Ganzes Suchergebnis waehlen" aria-label="Ganzes Suchergebnis waehlen" data-fallback-symbol="F">
          <iconify-icon icon="mdi:filter-check-outline" aria-hidden="true"></iconify-icon>
          <span class="filament-toolbar-sr">Ganzes Suchergebnis waehlen</span>
        </button>
        <button type="button" class="sci-btn subtle small filament-toolbar-icon-btn" data-clear-filament-selection title="Markierung aufheben" aria-label="Markierung aufheben" data-fallback-symbol="X">
          <iconify-icon icon="mdi:selection-remove" aria-hidden="true"></iconify-icon>
          <span class="filament-toolbar-sr">Markierung aufheben</span>
        </button>
        {% if secondary_material_filter_options %}
        <details class="row-action-menu filament-secondary-filter-menu" data-secondary-filter-menu="material">
          <summary class="sci-btn subtle small filament-toolbar-icon-btn" title="Materialfamilien im Suchergebnis filtern" aria-label="Materialfamilien im Suchergebnis filtern" data-fallback-symbol="M">
            <iconify-icon icon="mdi:layers-search-outline" aria-hidden="true"></iconify-icon>
            <span class="filament-toolbar-sr">Materialgruppen filtern</span>
            <span class="filament-secondary-filter-count" data-secondary-filter-count="material" hidden>0</span>
          </summary>
          <div class="row-action-menu-list filament-secondary-filter-menu-list">
            <div class="row-action-menu-head">Materialgruppen</div>
            <div class="row-action-menu-note muted tiny">Sekundaerfilter fuer das gesamte Suchergebnis nach Materialfamilien.</div>
            <div class="filament-secondary-filter-options">
              {% for option in secondary_material_filter_options %}
              <label class="filament-secondary-filter-option">
                <input type="checkbox" value="{{ option.key }}" data-secondary-filter-checkbox="material" {% if option.selected %}checked{% endif %}>
                <iconify-icon icon="{{ option.icon }}" aria-hidden="true"></iconify-icon>
                <span>{{ option.label }}</span>
              </label>
              {% endfor %}
            </div>
            <div class="menu-action-inline">
              <button type="button" class="sci-btn small" data-secondary-filter-apply="material">Anwenden</button>
              <button type="button" class="sci-btn subtle" data-secondary-filter-reset="material">Reset</button>
            </div>
          </div>
        </details>
        {% endif %}
        {% if secondary_profile_filter_options %}
        <details class="row-action-menu filament-secondary-filter-menu" data-secondary-filter-menu="profile">
          <summary class="sci-btn subtle small filament-toolbar-icon-btn" title="Glow, Matt, Rainbow und weitere Merkmale filtern" aria-label="Materialprofile im Suchergebnis filtern" data-fallback-symbol="P">
            <iconify-icon icon="mdi:palette-swatch-variant" aria-hidden="true"></iconify-icon>
            <span class="filament-toolbar-sr">Materialprofile filtern</span>
            <span class="filament-secondary-filter-count" data-secondary-filter-count="profile" hidden>0</span>
          </summary>
          <div class="row-action-menu-list filament-secondary-filter-menu-list">
            <div class="row-action-menu-head">Materialprofile</div>
            <div class="row-action-menu-note muted tiny">Glow, Basic, Matt, Rainbow und weitere Merkmale im gesamten Suchergebnis.</div>
            <div class="filament-secondary-filter-options">
              {% for option in secondary_profile_filter_options %}
              <label class="filament-secondary-filter-option">
                <input type="checkbox" value="{{ option.key }}" data-secondary-filter-checkbox="profile" {% if option.selected %}checked{% endif %}>
                <iconify-icon icon="{{ option.icon }}" aria-hidden="true"></iconify-icon>
                <span>{{ option.label }}</span>
              </label>
              {% endfor %}
            </div>
            <div class="menu-action-inline">
              <button type="button" class="sci-btn small" data-secondary-filter-apply="profile">Anwenden</button>
              <button type="button" class="sci-btn subtle" data-secondary-filter-reset="profile">Reset</button>
            </div>
          </div>
        </details>
        {% endif %}
        <span class="filament-selection-toolbar-status" data-fallback-symbol="i">
          <iconify-icon icon="mdi:information-outline" aria-hidden="true"></iconify-icon>
          <span data-filament-selection-status>Keine Filamente markiert.</span>
        </span>
        <button type="button" class="sci-btn subtle small filament-toolbar-icon-btn filament-toolbar-icon-btn--danger" data-open-bulk-delete-filament title="Markierte Filamente loeschen" aria-label="Markierte Filamente loeschen" data-fallback-symbol="-">
          <iconify-icon icon="mdi:trash-can-outline" aria-hidden="true"></iconify-icon>
          <span class="filament-toolbar-sr">Markierte Filamente loeschen</span>
        </button>
      </div>
      <div class="filament-group-head-tools">
        <div class="filament-view-toggle" role="group" aria-label="Ansicht umschalten">
          <label class="filament-view-toggle-option" title="Aufklappbare Herstelleransicht">
            <input type="radio" name="filament-view-mode" value="list" data-filament-view-mode-input checked aria-label="Aufklappbare Herstelleransicht">
            <span data-fallback-symbol="L">
              <iconify-icon icon="mdi:view-sequential-outline" aria-hidden="true"></iconify-icon>
              <span class="filament-toolbar-sr">Aufklappbar</span>
            </span>
          </label>
          <label class="filament-view-toggle-option" title="Grid innerhalb der Herstellergruppen">
            <input type="radio" name="filament-view-mode" value="grid" data-filament-view-mode-input aria-label="Grid innerhalb der Herstellergruppen">
            <span data-fallback-symbol="G">
              <iconify-icon icon="mdi:view-grid-outline" aria-hidden="true"></iconify-icon>
              <span class="filament-toolbar-sr">Grid</span>
            </span>
          </label>
          {% if allow_flat_grid %}
          <label class="filament-view-toggle-option" title="Flaches Grid ohne Hersteller- und Materialgruppen">
            <input type="radio" name="filament-view-mode" value="flat-grid" data-filament-view-mode-input aria-label="Flaches Grid ohne Hersteller- und Materialgruppen">
            <span data-fallback-symbol="N">
              <iconify-icon icon="mdi:view-grid-plus-outline" aria-hidden="true"></iconify-icon>
              <span class="filament-toolbar-sr">Nur Grid</span>
            </span>
          </label>
          {% endif %}
        </div>
        <div class="warehouse-pager compact filament-pager filament-pager--top">
          <a class="sci-btn subtle small filament-toolbar-icon-btn {% if not pagination.has_prev %}is-disabled{% endif %}" href="{{ pagination.first_url if pagination.has_prev else '#' }}" {% if not pagination.has_prev %}aria-disabled="true"{% endif %} title="Erste Herstellerseite" aria-label="Erste Herstellerseite" data-fallback-symbol="|<">
            <iconify-icon icon="mdi:page-first" aria-hidden="true"></iconify-icon>
            <span class="filament-toolbar-sr">Erste Herstellerseite</span>
          </a>
          <a class="sci-btn subtle small filament-toolbar-icon-btn {% if not pagination.has_prev %}is-disabled{% endif %}" href="{{ pagination.prev_url if pagination.has_prev else '#' }}" {% if not pagination.has_prev %}aria-disabled="true"{% endif %} title="Vorherige Herstellerseite" aria-label="Vorherige Herstellerseite" data-fallback-symbol="<">
            <iconify-icon icon="mdi:chevron-left" aria-hidden="true"></iconify-icon>
            <span class="filament-toolbar-sr">Vorherige Herstellerseite</span>
          </a>
          <span class="warehouse-page-indicator">Hersteller {{ pagination.start_index }}-{{ pagination.end_index }} von {{ pagination.total_brand_count }}</span>
          <a class="sci-btn subtle small filament-toolbar-icon-btn {% if not pagination.has_next %}is-disabled{% endif %}" href="{{ pagination.next_url if pagination.has_next else '#' }}" {% if not pagination.has_next %}aria-disabled="true"{% endif %} title="Naechste Herstellerseite" aria-label="Naechste Herstellerseite" data-fallback-symbol=">">
            <iconify-icon icon="mdi:chevron-right" aria-hidden="true"></iconify-icon>
            <span class="filament-toolbar-sr">Naechste Herstellerseite</span>
          </a>
          <a class="sci-btn subtle small filament-toolbar-icon-btn {% if not pagination.has_next %}is-disabled{% endif %}" href="{{ pagination.last_url if pagination.has_next else '#' }}" {% if not pagination.has_next %}aria-disabled="true"{% endif %} title="Letzte Herstellerseite" aria-label="Letzte Herstellerseite" data-fallback-symbol=">|">
            <iconify-icon icon="mdi:page-last" aria-hidden="true"></iconify-icon>
            <span class="filament-toolbar-sr">Letzte Herstellerseite</span>
          </a>
        </div>
        <form class="filament-sort-toolbar" method="get">
          {% for key, value in filter_query.items() %}
          {% if key not in ['sort_by', 'sort_dir'] %}
          <input type="hidden" name="{{ key }}" value="{{ value }}">
          {% endif %}
          {% endfor %}
          <label class="filament-sort-toolbar-field" title="Sortierfeld">
            <span class="filament-sort-toolbar-field-icon" aria-hidden="true" data-fallback-symbol="S">
              <iconify-icon icon="mdi:sort-variant" aria-hidden="true"></iconify-icon>
            </span>
            <span class="filament-toolbar-sr">Sortierfeld</span>
            <select class="sci-input" name="sort_by" aria-label="Sortierfeld">
              {% for option in sort_options %}
              <option value="{{ option.value }}" {% if sort_state.by == option.value %}selected{% endif %}>{{ option.label }}</option>
              {% endfor %}
            </select>
          </label>
          <label class="filament-sort-toolbar-field filament-sort-toolbar-field--direction" title="Sortierrichtung">
            <span class="filament-sort-toolbar-field-icon" aria-hidden="true" data-fallback-symbol="A">
              <iconify-icon icon="mdi:swap-vertical-bold" aria-hidden="true"></iconify-icon>
            </span>
            <span class="filament-toolbar-sr">Sortierrichtung</span>
            <select class="sci-input" name="sort_dir" aria-label="Sortierrichtung">
              <option value="asc" {% if sort_state.dir == 'asc' %}selected{% endif %}>Aufsteigend</option>
              <option value="desc" {% if sort_state.dir == 'desc' %}selected{% endif %}>Absteigend</option>
            </select>
          </label>
          <button class="sci-btn subtle small filament-toolbar-icon-btn" type="submit" title="Sortierung anwenden" aria-label="Sortierung anwenden" data-fallback-symbol="OK">
            <iconify-icon icon="mdi:sort" aria-hidden="true"></iconify-icon>
            <span class="filament-toolbar-sr">Sortierung anwenden</span>
          </button>
        </form>
      </div>
    </div>
  </div>

  {% if grouped_filaments %}
  <div class="filament-group-list">
    {% for manufacturer in grouped_filaments %}
    <details class="filament-brand-group" {% if manufacturer.open_by_default %}open{% endif %}>
      <summary class="filament-brand-summary">
        <span class="filament-brand-watermark" aria-hidden="true">
          <img src="{{ manufacturer.logo_url }}" alt="" loading="lazy">
        </span>
        <div class="filament-brand-summary-main filament-brand-summary-main--brand">
          <span class="filament-brand-logo" aria-hidden="true">
            <img src="{{ manufacturer.logo_url }}" alt="" loading="lazy">
          </span>
          <strong>{{ manufacturer.brand }}</strong>
        </div>
        <div class="filament-brand-summary-meta">
          <span class="filament-summary-stat filament-summary-stat--brand">
            <iconify-icon icon="mdi:package-variant-closed" aria-hidden="true"></iconify-icon>
            <span class="filament-summary-stat-copy">
              <span class="filament-summary-stat-value">{{ manufacturer.filament_count }}</span>
              <span class="filament-summary-stat-label">Filamente</span>
            </span>
          </span>
          <span class="filament-summary-stat filament-summary-stat--brand">
            <iconify-icon icon="mdi:layers-triple-outline" aria-hidden="true"></iconify-icon>
            <span class="filament-summary-stat-copy">
              <span class="filament-summary-stat-value">{{ manufacturer.material_count }}</span>
              <span class="filament-summary-stat-label">Material</span>
            </span>
          </span>
          <span class="filament-summary-stat filament-summary-stat--brand">
            <iconify-icon icon="mdi:palette-swatch-outline" aria-hidden="true"></iconify-icon>
            <span class="filament-summary-stat-copy">
              <span class="filament-summary-stat-value">{{ manufacturer.color_count }}</span>
              <span class="filament-summary-stat-label">Farben</span>
            </span>
          </span>
        </div>
      </summary>
      <div class="filament-brand-body">
        <div class="filament-brand-body-tools">
          <button type="button" class="sci-btn subtle small" data-open-edit-manufacturer="{{ manufacturer.brand }}">
            <iconify-icon icon="mdi:pencil-outline" aria-hidden="true"></iconify-icon> Herstellerdaten bearbeiten
          </button>
        </div>
        {% for material_group in manufacturer.materials %}
        <details
          class="filament-material-group"
          data-secondary-material-category="{{ material_group.secondary_material_category }}"
          data-secondary-profile-tags="{{ material_group.secondary_profile_tags|join(',') }}"
          data-filament-lazy-group
          {% if material_group.open_by_default %}open{% endif %}
        >
          <summary class="filament-material-summary">
            <div class="filament-material-summary-main filament-material-summary-main--icon">
              <span class="filament-material-icon" aria-hidden="true">
                <iconify-icon icon="{{ material_group.material_icon or 'mdi:cube-outline' }}"></iconify-icon>
              </span>
              <div class="filament-material-summary-copy">
                <strong>{{ material_group.material }}</strong>
                <span>{{ material_group.filament_count }} Filamente</span>
              </div>
            </div>
            <div class="filament-material-summary-meta">
              <span class="filament-summary-stat filament-summary-stat--material">
                <iconify-icon icon="mdi:file-pdf-box" aria-hidden="true"></iconify-icon>
                <span class="filament-summary-stat-copy">
                  <span class="filament-summary-stat-value">{{ material_group.datasheet_count }}</span>
                  <span class="filament-summary-stat-label">PDF</span>
                </span>
              </span>
              <span class="filament-summary-stat filament-summary-stat--material">
                <iconify-icon icon="mdi:account-outline" aria-hidden="true"></iconify-icon>
                <span class="filament-summary-stat-copy">
                  <span class="filament-summary-stat-value">{{ material_group.user_count }}</span>
                  <span class="filament-summary-stat-label">User</span>
                </span>
              </span>
              <span class="filament-summary-stat filament-summary-stat--material">
                <iconify-icon icon="mdi:package-variant-closed" aria-hidden="true"></iconify-icon>
                <span class="filament-summary-stat-copy">
                  <span class="filament-summary-stat-value">{{ material_group.manufacturer_pack_count }}</span>
                  <span class="filament-summary-stat-label">Pack</span>
                </span>
              </span>
              <span class="filament-summary-stat filament-summary-stat--material">
                <iconify-icon icon="mdi:package-variant" aria-hidden="true"></iconify-icon>
                <span class="filament-summary-stat-copy">
                  <span class="filament-summary-stat-value">{{ material_group.bundle_count }}</span>
                  <span class="filament-summary-stat-label">Bundle</span>
                </span>
              </span>
            </div>
          </summary>
          {% set material_fragment_url = url_for('web.filament_material_fragment', brand=manufacturer.brand, material=material_group.material, **material_fragment_query) %}
          <div
            class="filament-lazy-shell"
            data-filament-lazy-target
            data-filament-lazy-url="{{ material_fragment_url }}"
            data-filament-lazy-loaded="{{ '1' if material_group.open_by_default and manufacturer.open_by_default else '0' }}"
          >
            {% if material_group.open_by_default and manufacturer.open_by_default %}
            {% with filaments=material_group.filaments, filament_datasheets_map=filament_datasheets_map %}
            {% include 'partials/filament_entry_list.html' %}
            {% endwith %}
            {% else %}
            <div class="filament-lazy-placeholder muted tiny" data-filament-lazy-placeholder>
              Filamente werden beim Aufklappen geladen.
            </div>
            {% endif %}
          </div>
        </details>
        {% endfor %}
      </div>
    </details>
    {% endfor %}
  </div>
  {% if allow_flat_grid %}
  <div class="filament-flat-grid">
    {% with filaments=flat_filaments, filament_datasheets_map=filament_datasheets_map %}
    {% include 'partials/filament_entry_list.html' %}
    {% endwith %}
  </div>
  {% endif %}
  {% else %}
  <div class="sci-empty">Keine Filamente gefunden.</div>
  {% endif %}

  <div class="warehouse-pager compact filament-pager">
    <a class="sci-btn subtle small {% if not pagination.has_prev %}is-disabled{% endif %}" href="{{ pagination.first_url if pagination.has_prev else '#' }}" {% if not pagination.has_prev %}aria-disabled="true"{% endif %}><iconify-icon icon="mdi:page-first" aria-hidden="true"></iconify-icon> Erste</a>
    <a class="sci-btn subtle small {% if not pagination.has_prev %}is-disabled{% endif %}" href="{{ pagination.prev_url if pagination.has_prev else '#' }}" {% if not pagination.has_prev %}aria-disabled="true"{% endif %}><iconify-icon icon="mdi:chevron-left" aria-hidden="true"></iconify-icon> Zurueck</a>
    <span class="warehouse-page-indicator">Hersteller {{ pagination.start_index }}-{{ pagination.end_index }} von {{ pagination.total_brand_count }} | {{ pagination.total_count }} Filamente</span>
    <a class="sci-btn subtle small {% if not pagination.has_next %}is-disabled{% endif %}" href="{{ pagination.next_url if pagination.has_next else '#' }}" {% if not pagination.has_next %}aria-disabled="true"{% endif %}>Weiter <iconify-icon icon="mdi:chevron-right" aria-hidden="true"></iconify-icon></a>
    <a class="sci-btn subtle small {% if not pagination.has_next %}is-disabled{% endif %}" href="{{ pagination.last_url if pagination.has_next else '#' }}" {% if not pagination.has_next %}aria-disabled="true"{% endif %}>Letzte <iconify-icon icon="mdi:page-last" aria-hidden="true"></iconify-icon></a>
  </div>
</section>
{% endblock %}
{% block data_blocks %}
<datalist id="filament-sku-suggestion-list">
  {% for sku in sku_suggestions %}
  <option value="{{ sku }}"></option>
  {% endfor %}
</datalist>
<script id="warehouse-options" type="application/json">{{ warehouses_json|tojson }}</script>
<script id="filament-options" type="application/json">{{ filaments_json|tojson }}</script>
<script id="filament-datasheets-map" type="application/json">{{ filament_datasheets_map|tojson }}</script>
<script id="empty-spool-options" type="application/json">{{ empty_spool_profiles_json|tojson }}</script>
<script id="manufacturer-profiles" type="application/json">{{ manufacturer_profiles_json|tojson }}</script>
<script id="scale-devices" type="application/json">{{ scales_json|tojson }}</script>
<script id="filament-filter-state" type="application/json">{{ filament_filter_state|tojson }}</script>
<script id="filament-suggestion-options" type="application/json">{{ filament_suggestions_json|tojson }}</script>
<script id="filament-pagination" type="application/json">{{ pagination|tojson }}</script>
<script id="filament-pack-manager-json" type="application/json">{{ bundle_manager|tojson }}</script>
{% endblock %}