{% extends "base.html" %}

{% block title %}Lieferanten{% endblock %}
{% block heading %}Lieferanten{% endblock %}
{% block topbar_actions %}
  <div class="tabs">
    <a class="tab {% if not type_filter %}is-active{% endif %}" href="/vendors">Alle</a>
    {% for code, label in VENDOR_TYPES.items() %}
      <a class="tab {% if type_filter==code %}is-active{% endif %}" href="/vendors?type={{ code }}">{{ label }}</a>
    {% endfor %}
  </div>
  <a class="btn btn-secondary" href="/vendors/scorecard"
     title="Liefertreue · Qualität · Preisindex · Reklamationen">Scorecard</a>
  <a class="btn btn-primary" href="/vendors/new">+ Neuer Lieferant</a>
{% endblock %}

{% block content %}
<div class="card">
  <table class="data-table">
    <thead>
      <tr>
        <th>Lieferant</th>
        <th>Typ</th>
        <th>Stadt</th>
        <th>Ansprechpartner</th>
        <th>Kontakt</th>
        <th class="num">Artikel</th>
        <th>Auto-Best.</th>
        <th></th>
      </tr>
    </thead>
    <tbody>
      {% for v in vendors %}
      {% set v_types = (v.vendor_types.split(',') if v.vendor_types else []) %}
      {% if not type_filter or type_filter in v_types %}
      <tr>
        <td>
          <div class="font-medium">{{ v.name }}</div>
          {% if v.website %}<div class="text-xs text-neutral-500">{{ v.website }}</div>{% endif %}
        </td>
        <td>
          {% if v_types %}
            <div class="flex flex-wrap gap-1">
              {% for t in v_types %}
                {% set color_map = {'tooling':'orange','material':'blue','service':'purple','consumable':'amber','machine':'emerald','other':'neutral'} %}
                <span class="badge badge-{{ color_map.get(t, 'neutral') }}" style="font-size:10px;">{{ VENDOR_TYPES.get(t, t) }}</span>
              {% endfor %}
            </div>
          {% else %}
            <span class="text-neutral-500 text-xs">—</span>
          {% endif %}
        </td>
        <td class="text-xs">{{ v.postcode }} {{ v.city }}</td>
        <td>{{ v.contact_name or '—' }}</td>
        <td class="text-xs text-neutral-500">
          {% if v.email %}<div>{{ v.email }}</div>{% endif %}
          {% if v.phone %}<div class="nums">{{ v.phone }}</div>{% endif %}
        </td>
        <td class="num">{{ v.item_count }}</td>
        <td>
          {% if v.auto_order %}<span class="badge badge-emerald">aktiv</span>{% else %}<span class="badge badge-neutral">manuell</span>{% endif %}
        </td>
        <td class="text-right"><a class="btn btn-sm btn-secondary" href="/vendors/{{ v.id }}/edit">Bearbeiten</a></td>
      </tr>
      {% endif %}
      {% endfor %}
    </tbody>
  </table>
</div>
{% endblock %}