{% extends 'inventory/base.html' %}
{% load inventory_tags %}
{% block title %}Spalten zuordnen{% endblock %}
{% block content %}
<section class="page-head">
  <div><a class="back" href="{% url 'inventory:import-excel' %}">← Andere Datei</a><h1>Spalten zuordnen</h1><p>{{ job.original_name }}</p></div>
</section>
<form method="post">{% csrf_token %}
  <div class="mapping-grid">
  {% for header in job.headers %}
    <label><span>{{ header|default:'Unbenannte Spalte' }}</span><select name="column_{{ forloop.counter0 }}">
      {% for value,label in fields %}<option value="{{ value }}" {% if suggestions|get_item:forloop.parentloop.counter0 == value %}selected{% endif %}>{{ label }}</option>{% endfor %}
    </select></label>
  {% endfor %}
  </div>
  <h2 class="section-title">Vorschau</h2>
  <div class="table-shell"><table class="device-table"><thead><tr>{% for header in job.headers %}<th>{{ header }}</th>{% endfor %}</tr></thead><tbody>{% for row in job.preview_rows %}<tr>{% for cell in row %}<td>{{ cell|default:'—' }}</td>{% endfor %}</tr>{% endfor %}</tbody></table></div>
  <div class="sticky-actions"><a class="btn" href="{% url 'inventory:import-excel' %}">Abbrechen</a><button class="btn primary">Import bestätigen</button></div>
</form>
{% endblock %}