From b95fbba2642b48189cc48a1f2e5cae2620df96b8 Mon Sep 17 00:00:00 2001
From: Joshua Laymon <joshlaymon@icloud.com>
Date: Thu, 14 Aug 2025 21:50:29 +0000
Subject: [PATCH] Update web/templates/stats.html

---
 web/templates/stats.html | 162 +++++++++++++++++++++++++++++----------
 1 file changed, 120 insertions(+), 42 deletions(-)

diff --git a/web/templates/stats.html b/web/templates/stats.html
index 3810485..4a9e6b0 100644
--- a/web/templates/stats.html
+++ b/web/templates/stats.html
@@ -77,52 +77,130 @@
     </div>
   </div>
 
-  <!-- Tools: Scripture normalizer -->
+  <!-- Tools: collapsible panel -->
   <div class="card" style="padding:16px; margin-bottom:24px;">
-    <div class="meta-label">Tools</div>
-    <div class="small muted" style="margin:6px 0 10px;">
-      Normalize scripture references (abbreviations, separators, repeat book names where needed).
+    <div style="display:flex; align-items:center; justify-content:space-between; gap:10px;">
+      <div class="meta-label">Maintenance Tools</div>
+      <button
+        class="btn btn-secondary"
+        type="button"
+        id="tools-toggle"
+        aria-expanded="false"
+        aria-controls="tools-panel"
+      >
+        ▾ Show tools
+      </button>
     </div>
-    <div style="display:flex; gap:10px; flex-wrap:wrap;">
-      <!-- Dry‑run -->
-      <form method="get" action="{% url 'normalize_scripture' %}">
-        <input type="hidden" name="limit" value="">
-        <button class="btn btn-secondary">Preview (dry‑run)</button>
-      </form>
 
-      {% if user.is_authenticated and user.is_staff %}
-      <!-- Apply -->
-      <form method="post" action="{% url 'normalize_scripture' %}">
-        {% csrf_token %}
-        <button class="btn btn-danger" onclick="return confirm('Apply normalization to ALL entries? This will modify scripture_raw fields.');">
-          Apply to all
-        </button>
-      </form>
-      {% endif %}
-    </div>
-    <div class="small muted" style="margin-top:8px;">
-      Tip: you can pass <code>?limit=1000</code> on the preview URL to test a subset.
+    <div id="tools-panel" class="tools-panel" hidden>
+      <!-- Scripture Normalizer -->
+      <div class="tool-block">
+        <h4>Scripture Normalizer</h4>
+        <p class="small muted">
+          Standardizes Bible references (book abbreviations, separators, and repeats book names as needed).
+          Use preview first; Apply will modify all <code>scripture_raw</code> fields.
+        </p>
+        <div class="tool-actions">
+          <form method="get" action="{% url 'normalize_scripture' %}" class="inline">
+            <input type="number" min="0" name="limit" placeholder="Preview limit (optional)"
+                   class="tool-input">
+            <button class="btn btn-secondary">Preview (dry‑run)</button>
+          </form>
+
+          {% if user.is_authenticated and user.is_staff %}
+          <form method="post" action="{% url 'normalize_scripture' %}" class="inline">
+            {% csrf_token %}
+            <button class="btn btn-danger"
+                    onclick="return confirm('Apply Scripture Normalizer to ALL entries? This will modify scripture_raw fields.');">
+              Apply to all
+            </button>
+          </form>
+          {% endif %}
+        </div>
+      </div>
+
+      <hr class="tool-sep">
+
+      <!-- Source Normalizer -->
+      <div class="tool-block">
+        <h4>Source Normalizer</h4>
+        <p class="small muted">
+          Converts Watchtower/Awake!/Yearbook/KM references (e.g., “March 15, 2013 WT page 14”) into WOL short‑codes
+          like <code>w13 3/15 p.14</code>. Non‑JW sources are left unchanged. Use preview first; Apply will modify all
+          <code>source</code> fields.
+        </p>
+        <div class="tool-actions">
+          <form method="get" action="{% url 'normalize_source' %}" class="inline">
+            <input type="number" min="0" name="limit" placeholder="Preview limit (optional)"
+                   class="tool-input">
+            <button class="btn btn-secondary">Preview (dry‑run)</button>
+          </form>
+
+          {% if user.is_authenticated and user.is_staff %}
+          <form method="post" action="{% url 'normalize_source' %}" class="inline">
+            {% csrf_token %}
+            <button class="btn btn-danger"
+                    onclick="return confirm('Apply Source Normalizer to ALL entries? This cannot be undone. Make a backup first.');">
+              Apply to all
+            </button>
+          </form>
+          {% endif %}
+        </div>
+      </div>
     </div>
   </div>
-  <!-- Source Normalizer card (like Scripture tool) -->
-<div class="search-form" style="margin-top:16px;">
-  <h3 style="margin:0 0 10px;">Tools — Source Normalizer</h3>
-  <p class="small muted" style="margin:0 0 8px;">
-    Convert Watchtower/Awake!/Yearbook/KM references (e.g., “March 15, 2013 WT page 14”) into WOL short-codes
-    like <code>w13 3/15 p.14</code>. Non‑JW sources are left unchanged.
-  </p>
-
-  <form method="get" action="{% url 'normalize_source' %}" style="display:inline;">
-    <input type="number" min="0" name="limit" placeholder="Preview limit (optional)" style="border:1px solid var(--border); border-radius:8px; padding:6px 8px;">
-    <button class="btn">Dry‑run Preview</button>
-  </form>
-
-  <form method="post" action="{% url 'normalize_source' %}" style="display:inline; margin-left:8px;">
-    {% csrf_token %}
-    <button class="btn btn-danger" onclick="return confirm('Apply normalization to all entries? This cannot be undone. Make a backup first.')">
-      Apply to All
-    </button>
-  </form>
-</div>
 </div>
+
+<!-- Tiny, scoped styles + JS for the collapsible panel -->
+<style>
+  .tools-panel{
+    margin-top:12px;
+    border:1px solid var(--border);
+    border-radius:12px;
+    background:#fff;
+    padding:14px;
+  }
+  .tool-block h4{
+    margin:0 0 6px;
+    font-size:16px;
+    color:#0f172a;
+  }
+  .tool-actions{
+    display:flex;
+    flex-wrap:wrap;
+    gap:10px;
+    margin-top:8px;
+  }
+  .tool-input{
+    border:1px solid var(--border);
+    border-radius:8px;
+    padding:6px 8px;
+    font-size:14px;
+    margin-right:6px;
+  }
+  .tool-sep{
+    border:none;
+    border-top:1px solid var(--border);
+    margin:14px 0;
+  }
+</style>
+<script>
+  (function(){
+    var btn = document.getElementById('tools-toggle');
+    var panel = document.getElementById('tools-panel');
+    if(!btn || !panel) return;
+    btn.addEventListener('click', function(){
+      var open = panel.hasAttribute('hidden') ? false : true;
+      if(open){
+        panel.setAttribute('hidden', '');
+        btn.textContent = '▾ Show tools';
+        btn.setAttribute('aria-expanded', 'false');
+      }else{
+        panel.removeAttribute('hidden');
+        btn.textContent = '▴ Hide tools';
+        btn.setAttribute('aria-expanded', 'true');
+      }
+    });
+  })();
+</script>
 {% endblock %}
\ No newline at end of file