{% extends "base.html" %}
{% from "_macros.html" import money %}

{% block title %}Kunden{% endblock %}
{% block heading %}Kunden{% endblock %}
{% block topbar_actions %}
  <span class="text-sm text-neutral-500 nums">{{ customers|length }}</span>
  <a class="btn btn-primary" href="/customers/new">+ Neuer Kunde</a>
{% endblock %}

{% block content %}
<div id="recent-items" data-page-type="customer"></div>
<div class="card">
  <table class="data-table">
    <thead>
      <tr>
        <th>Code</th>
        <th>Firma</th>
        <th>Land</th>
        <th>USt-IdNr</th>
        <th class="num" title="Aktive Aufträge">Aufträge</th>
        <th class="num" title="Offene Angebote">Angebote</th>
        <th class="num">Forderungen</th>
        <th class="num">Umsatz total</th>
        <th class="num">Zahlungs­ziel</th>
        <th></th>
      </tr>
    </thead>
    <tbody>
      {% for c in customers %}
      <tr class="cursor-pointer" onclick="location='/customers/{{ c.id }}'">
        <td class="nums text-neutral-500">{{ c.company_code or '—' }}</td>
        <td class="font-medium">
          {{ c.name }}
          {% if c.is_business == 0 %}
            <span class="badge badge-neutral ml-1">B2C</span>
          {% elif is_eu_country(c.country_iso) and c.country_iso != 'DE' %}
            <span class="badge badge-blue ml-1" title="EU-B2B · Reverse Charge bei gültiger USt-IdNr">EU</span>
          {% elif c.country_iso and not is_eu_country(c.country_iso) %}
            <span class="badge badge-amber ml-1" title="Drittland · Ausfuhrlieferung">Export</span>
          {% endif %}
          {% if c.open_inquiries %}<span class="badge badge-amber ml-1" title="Offene Anfragen">{{ c.open_inquiries }} Anfr.</span>{% endif %}
          <p class="text-[11px] text-neutral-500 mt-0.5">{{ c.postcode }} {{ c.city }}{% if c.contact_name %} · {{ c.contact_name }}{% endif %}</p>
        </td>
        <td class="text-xs nums">{{ c.country_iso or '—' }}</td>
        <td class="text-xs nums {% if not c.vat_id %}text-neutral-400{% endif %}">{{ c.vat_id or '—' }}</td>
        <td class="num nums {% if c.active_orders %}font-semibold text-emerald-700{% else %}text-neutral-400{% endif %}">{{ c.active_orders or '—' }}</td>
        <td class="num nums {% if c.open_quotes %}font-semibold text-blue-700{% else %}text-neutral-400{% endif %}">{{ c.open_quotes or '—' }}</td>
        <td class="num nums {% if c.overdue_value %}text-red-600 font-semibold{% elif c.outstanding_value %}text-amber-700{% else %}text-neutral-400{% endif %}">
          {% if c.outstanding_value %}{{ money(c.outstanding_value) }}{% else %}—{% endif %}
          {% if c.overdue_value %}<span class="block text-[10px]">{{ money(c.overdue_value) }} überf.</span>{% endif %}
        </td>
        <td class="num nums {% if c.revenue_total %}font-semibold{% else %}text-neutral-400{% endif %}">
          {% if c.revenue_total %}{{ money(c.revenue_total) }}{% else %}—{% endif %}
        </td>
        <td class="num nums">{{ c.payment_terms_days or 14 }} T</td>
        <td class="text-right" onclick="event.stopPropagation()">
          <a class="btn btn-sm btn-secondary" href="/customers/{{ c.id }}">Öffnen</a>
        </td>
      </tr>
      {% endfor %}
    </tbody>
  </table>
</div>
{% endblock %}