{% extends "ledger/base.html" %}
{% block title %}Import{% endblock %}
{% block content %}
<div class="pagehead"><h1>Import a statement</h1><span class="muted">Step 1 of 2 &middot; upload</span></div>
<form method="post" enctype="multipart/form-data" class="card stack">{% csrf_token %}
  <label>Statement file (CSV, OFX or QFX) <input type="file" name="file" required></label>
  <label>Account
    <select name="account" onchange="document.getElementById('newacct').hidden = this.value !== 'new'">
      {% for a in accounts %}<option value="{{ a.id }}">{{ a.name }} ({{ a.get_kind_display }})</option>{% endfor %}
      <option value="new">+ New account...</option>
    </select></label>
  <div id="newacct" class="row wrap" {% if accounts %}hidden{% endif %}>
    <input name="new_account" placeholder="Account name">
    <select name="kind">{% for k, label in kinds %}<option value="{{ k }}">{{ label }}</option>{% endfor %}</select>
    <input name="currency" value="INR" maxlength="3" size="4">
  </div>
  <label>Column mapping
    <select name="profile"><option value="">Auto-detect</option>{% for p in profiles %}<option value="{{ p.id }}">{{ p.name }}</option>{% endfor %}</select></label>
  <button class="btn">Continue to mapping preview</button>
</form>
{% endblock %}