{% extends "comp/base.html" %}
{% load comp_extras %}
{% block content %}
<div class="head"><h1>Import deals from CSV</h1></div>
{% if not headers %}
<form method="post" enctype="multipart/form-data" class="card">{% csrf_token %}<input type="hidden" name="step" value="upload">
<p>Upload a CRM export. One row per product line; rows sharing a deal id are one deal. You map columns on the next step.</p>
<input type="file" name="file" accept=".csv" required> <button class="btn">Upload</button></form>
{% else %}
<form method="post" class="card">{% csrf_token %}<input type="hidden" name="csv" value="{{ csv }}">
<h2>Map columns</h2>
<table>{% for f, meta in fields.items %}<tr><td>{{ meta.0 }}{% if meta.1 %} *{% endif %}</td><td><select name="map_{{ f }}"><option value="">(none)</option>
{% for h in headers %}<option value="{{ h }}" {% if mapping|get:f == h %}selected{% endif %}>{{ h }}</option>{% endfor %}</select></td></tr>{% endfor %}
<tr><td>Date format</td><td><input name="date_format" value="{{ date_format }}"></td></tr></table>
<button class="btn secondary" name="step" value="preview">Validate</button>
{% if result %}<button class="btn" name="step" value="commit">Import {{ result.deals|length }} deals</button>{% endif %}
</form>
{% if result %}<div class="card"><h2>Validation</h2>
<p>{{ result.deals|length }} valid deals.</p>
{% if result.errors %}<ul class="errors">{% for e in result.errors %}<li>{{ e }}</li>{% endfor %}</ul>{% else %}<p class="msg success">No errors.</p>{% endif %}</div>{% endif %}
{% endif %}
{% endblock %}