{% extends "base.html" %}
{% block title %}EDI-Inbox{% endblock %}
{% block heading %}🔌 EDI-Inbox · VDA / EDIFACT / Fischer / JSON{% endblock %}
{% block breadcrumb %}<p class="text-xs text-neutral-500">Verkauf / EDI</p>{% endblock %}

{% block topbar_actions %}
  <a href="/edi/upload" class="btn btn-primary btn-sm">+ EDI-Datei hochladen</a>
{% endblock %}

{% block content %}
<style>
  .st-pill { display:inline-flex; padding:2px 8px; border-radius:9999px; font-size:11px; font-weight:600; }
  .st-new      { background:rgba(59,130,246,0.15); color:#1d4ed8; }
  .st-parsed   { background:rgba(16,185,129,0.15); color:#059669; }
  .st-imported { background:rgba(168,85,247,0.15); color:#7e22ce; }
  .st-failed   { background:rgba(239,68,68,0.15);  color:#dc2626; }
</style>

<p style="font-size:13px;color:var(--card-text-muted);margin-bottom:14px;">
  EDI-Bestellungen automatisch empfangen und in Anfragen / Aufträge importieren.
  Aktuell unterstützt: <strong>VDA-4905</strong> (Automotive),
  <strong>EDIFACT ORDERS</strong>, <strong>Fischer-CSV</strong>, <strong>JSON</strong>.
  Echte SFTP-/AS2-Anbindung kommt mit Pilotkunden aus dem Tier-2-Bereich.
</p>

<div class="card" style="margin-bottom:14px;padding:8px 14px;">
  <div style="display:flex;gap:6px;flex-wrap:wrap;">
    <a href="/edi" class="btn btn-sm {% if not status_filter %}btn-primary{% else %}btn-secondary{% endif %}">Alle</a>
    <a href="/edi?status=new" class="btn btn-sm {% if status_filter == 'new' %}btn-primary{% else %}btn-secondary{% endif %}">Neu</a>
    <a href="/edi?status=parsed" class="btn btn-sm {% if status_filter == 'parsed' %}btn-primary{% else %}btn-secondary{% endif %}">Geparst</a>
    <a href="/edi?status=imported" class="btn btn-sm {% if status_filter == 'imported' %}btn-primary{% else %}btn-secondary{% endif %}">Importiert</a>
    <a href="/edi?status=failed" class="btn btn-sm {% if status_filter == 'failed' %}btn-primary{% else %}btn-secondary{% endif %}">Fehler</a>
  </div>
</div>

<div class="card">
  <table class="data-table">
    <thead>
      <tr>
        <th>Empfangen</th>
        <th>Format</th>
        <th>Sender</th>
        <th>Bestell-Nr</th>
        <th>Status</th>
        <th>Verlinkt</th>
        <th></th>
      </tr>
    </thead>
    <tbody>
      {% for m in messages %}
      <tr>
        <td class="text-xs nums">{{ m.received_at[:16] }}</td>
        <td><span class="badge badge-neutral" style="font-size:10px;">{{ m.format }}</span></td>
        <td>{{ m.sender_party or '—' }}</td>
        <td class="nums">{{ m.message_no or '—' }}</td>
        <td><span class="st-pill st-{{ m.status }}">{{ m.status }}</span></td>
        <td class="text-xs">
          {% if m.related_entity_type == 'inquiry' and m.related_entity_id %}
            <a href="/inquiries/{{ m.related_entity_id }}" class="text-blue-700 hover:underline">Anfrage #{{ m.related_entity_id }}</a>
          {% elif m.related_entity_type == 'sales_order' and m.related_entity_id %}
            <a href="/sales-orders/{{ m.related_entity_id }}" style="color: var(--brand-orange);">Auftrag #{{ m.related_entity_id }}</a>
          {% else %}—{% endif %}
        </td>
        <td style="white-space: nowrap;">
          {# v1.12.2: 1-Klick "Als Auftrag übernehmen" #}
          {% if m.status not in ('converted', 'rejected') and not m.related_entity_id %}
          <button type="button" class="btn btn-sm btn-primary edi-to-order"
                  data-msg-id="{{ m.id }}"
                  title="EDI-Bestellung zu Auftrag konvertieren">→ Auftrag</button>
          {% endif %}
          <a href="/edi/{{ m.id }}" class="btn btn-sm btn-secondary">Detail</a>
        </td>
      </tr>
      {% else %}
      <tr><td colspan="7" style="text-align:center;padding:30px;color:var(--card-text-muted);">
        Keine EDI-Nachrichten. <a href="/edi/upload" class="text-blue-700 hover:underline">Test-Datei hochladen →</a>
      </td></tr>
      {% endfor %}
    </tbody>
  </table>
</div>

<script>
// v1.12.2: EDI-zu-Auftrag-Konvertierung mit 1 Klick
document.querySelectorAll('.edi-to-order').forEach(btn => {
  btn.addEventListener('click', () => {
    if (!confirm('Diese EDI-Bestellung als neuen Auftrag übernehmen?')) return;
    btn.disabled = true; btn.textContent = '… läuft';
    fetch('/api/edi-messages/' + btn.dataset.msgId + '/create-order', { method: 'POST' })
      .then(r => r.json()).then(d => {
        if (d.ok) {
          if (window.toast) toast('Auftrag ' + d.so_no + ' angelegt', 'success', { ttl: 2500 });
          setTimeout(() => location = '/sales-orders/' + d.so_id, 800);
        } else {
          alert('Fehler: ' + (d.error || 'unbekannt') +
                (d.missing ? '\n\nFehlende Artikel:\n  ' + d.missing.join('\n  ') : ''));
          btn.disabled = false; btn.textContent = '→ Auftrag';
        }
      });
  });
});
</script>

{% endblock %}