{% extends "base.html" %}
{% block title %}Import Data - Illustrations DB{% endblock %}
{% block content %}
  <div class="panel">
    <h2 style="margin-top:0;">Import Data (CSV)</h2>
    <p>Expected headers (any order, case-insensitive): <code>Subject, Illustration, Application, Scripture, Source, Talk Title, Talk Number, Code, Date, Date Edited</code></p>
    <form method="post" enctype="multipart/form-data">{% csrf_token %}
      <div class="row">
        <div><label>CSV file</label>{{ form.file }}</div>
        <div><label>{{ form.dry_run.label }}</label>{{ form.dry_run }} <small>{{ form.dry_run.help_text }}</small></div>
      </div>
      <div style="margin-top:16px; display:flex; gap:10px; justify-content:flex-end;">
        <a class="btn" href="/search/">Cancel</a>
        <button class="btn primary" type="submit">Process</button>
      </div>
    </form>
  </div>
{% endblock %}