From 2d6289b0302d6c101939ccc2362b77031067a947 Mon Sep 17 00:00:00 2001
From: Joshua Laymon <joshlaymon@icloud.com>
Date: Fri, 22 Aug 2025 00:14:00 +0000
Subject: [PATCH] Update web/templates/import_wizard.html

---
 web/templates/import_wizard.html | 36 +++++++++++++++++++++-----------
 1 file changed, 24 insertions(+), 12 deletions(-)

diff --git a/web/templates/import_wizard.html b/web/templates/import_wizard.html
index 2e2a28c..6c4b9bd 100644
--- a/web/templates/import_wizard.html
+++ b/web/templates/import_wizard.html
@@ -1,18 +1,30 @@
 {% extends "base.html" %}
-{% block title %}Import Data - Illustrations DB{% endblock %}
+{% block body_class %}themed-bg{% 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 class="container">
+  <div class="card">
+    <h1 class="page-title">Import CSV</h1>
+    <p class="muted">
+      Columns (in order): <code>Subject, Illustration, Application, Scripture, Source, Talk Title, Talk Number, Code, Date, Date Edited</code>.
+      You can dry-run to preview changes without writing.
+    </p>
+    <form method="post" enctype="multipart/form-data">
+      {% csrf_token %}
+      <div class="form-row">
+        {{ form.file.label_tag }} {{ form.file }}
+        {% if form.file.errors %}<div class="err">{{ form.file.errors|striptags }}</div>{% endif %}
       </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>
+      <label class="check-pill">
+        {{ form.dry_run }} <span>Dry run (preview only)</span>
+      </label>
+      <div class="result-toolbar" style="margin-top:12px;">
+        <div class="rt-left"></div>
+        <div class="rt-right">
+          <a class="btn btn-secondary" href="{% url 'settings_home' %}">Cancel</a>
+          <button class="btn btn-primary" type="submit">Run Import</button>
+        </div>
       </div>
     </form>
   </div>
-{% endblock %}
+</div>
+{% endblock %}
\ No newline at end of file