{% extends "core/base.html" %}
{% block title %}Import{% endblock %}
{% block content %}
<div class="head"><h1>Import wizard <small>step 2 of 3: map columns ({{ kind }})</small></h1></div>
<form method="post" class="card form">{% csrf_token %}
<table><thead><tr><th>Field</th><th>CSV column</th></tr></thead><tbody>
{% for f in fields %}<tr><td>{{ f.name }}{% if f.required %} <b>*</b>{% endif %}</td><td><select name="map_{{ f.name }}"><option value="">(not mapped)</option>
{% for h in headers %}<option value="{{ h }}" {% if f.selected == h %}selected{% endif %}>{{ h }}</option>{% endfor %}</select></td></tr>{% endfor %}</tbody></table>
{% if kind == "invoices" %}<p><label><input type="checkbox" name="minor_units" {% if minor_units %}checked{% endif %}> Amounts are in minor units (cents)</label></p>{% endif %}
<button class="btn primary">Validate</button></form>
<section class="card"><h2>First rows</h2><div class="scroll"><table><thead><tr>{% for h in headers %}<th>{{ h }}</th>{% endfor %}</tr></thead>
<tbody>{% for row in sample %}<tr>{% for v in row.values %}<td>{{ v }}</td>{% endfor %}</tr>{% endfor %}</tbody></table></div></section>
{% endblock %}