{% extends "base.html" %}
{% block title %}EDI hochladen{% endblock %}
{% block heading %}EDI-Nachricht hochladen{% endblock %}
{% block breadcrumb %}<p class="text-xs text-neutral-500"><a href="/edi" class="hover:underline">EDI</a> / Upload</p>{% endblock %}

{% block content %}
<div class="card" style="max-width:720px;">
  <div class="card-header"><h2>EDI-Datei einlesen</h2></div>
  <form method="post" action="/edi/upload" enctype="multipart/form-data" class="p-5 space-y-4">
    <div>
      <label class="text-[10px] uppercase font-semibold text-neutral-500">Format</label>
      <select name="format" class="select mt-1 w-full">
        <option value="">Auto-Erkennung</option>
        <option value="VDA4905">VDA 4905 (Automotive Lieferabruf)</option>
        <option value="EDIFACT">EDIFACT ORDERS (D.96A)</option>
        <option value="FISCHER">Fischer (CSV-artig)</option>
        <option value="JSON">JSON</option>
      </select>
    </div>
    <div>
      <label class="text-[10px] uppercase font-semibold text-neutral-500">Datei</label>
      <input class="input mt-1" type="file" name="file" required
             accept=".txt,.edi,.json,.csv,.dat">
    </div>
    <div style="display:flex;gap:8px;">
      <button class="btn btn-primary" type="submit">Hochladen + parsen</button>
      <a href="/edi" class="btn btn-secondary">Abbrechen</a>
    </div>
  </form>
</div>
{% endblock %}