From 34f6c3652e2107249b4e82125c424e614a02c2aa Mon Sep 17 00:00:00 2001
From: Stephan Kerkman <stephan@kerkman.io>
Date: Thu, 28 May 2026 10:23:45 +0200
Subject: [PATCH] fix: trigger species search on button click, not on input
 change

Avoids burning Perenual API quota on every keystroke.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 plants/templates/plants/species_search.html | 28 +++++++++++++--------
 1 file changed, 17 insertions(+), 11 deletions(-)

diff --git a/plants/templates/plants/species_search.html b/plants/templates/plants/species_search.html
index 8ac15c4..26b8a8c 100644
--- a/plants/templates/plants/species_search.html
+++ b/plants/templates/plants/species_search.html
@@ -4,17 +4,23 @@
 <h5 class="mb-3">Add a plant</h5>
 <p class="text-muted small">Search for the species to auto-fill care info, or skip to enter details manually.</p>
 
-<input
-    type="search"
-    class="form-control mb-2"
-    placeholder="🔍 Search species, e.g. 'climbing rose'"
-    hx-get="{% url 'species_search' %}"
-    hx-trigger="input changed delay:400ms"
-    hx-target="#species-results"
-    hx-swap="innerHTML"
-    name="q"
-    autocomplete="off"
->
+<div class="input-group mb-2">
+    <input
+        type="search"
+        class="form-control"
+        placeholder="e.g. 'climbing rose'"
+        name="q"
+        id="species-q"
+        autocomplete="off"
+    >
+    <button
+        class="btn btn-success"
+        hx-get="{% url 'species_search' %}"
+        hx-include="#species-q"
+        hx-target="#species-results"
+        hx-swap="innerHTML"
+    >Search</button>
+</div>
 
 <div id="species-results" class="list-group mb-3"></div>