From 62fdbf702999ff60ec58bd75cb14277260120fdb Mon Sep 17 00:00:00 2001
From: Stephan Kerkman <stephan@kerkman.io>
Date: Sat, 30 May 2026 17:46:27 +0200
Subject: [PATCH] fix: show selected species name in confirm button

---
 plants/templates/plants/identify_confirm.html | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/plants/templates/plants/identify_confirm.html b/plants/templates/plants/identify_confirm.html
index 39a0bae..eb892c3 100644
--- a/plants/templates/plants/identify_confirm.html
+++ b/plants/templates/plants/identify_confirm.html
@@ -18,6 +18,7 @@
         <div class="match-card d-flex align-items-center gap-3 p-3 border rounded"
              style="cursor:pointer; {% if forloop.first %}border-color:#52b788 !important; background:#f0faf4;{% endif %}"
              data-idx="{{ forloop.counter0 }}"
+             data-name="{{ m.scientific_name }}"
              onclick="selectMatch(this)">
             <div class="flex-grow-1">
                 <div class="fw-bold">{{ m.scientific_name }}</div>
@@ -36,7 +37,7 @@
     </div>
 
     <button type="submit" class="btn btn-success w-100" id="confirm-btn">
-        Use selected species →
+        Use <span id="selected-name">{{ matches.0.scientific_name }}</span> →
     </button>
 </form>
 
@@ -49,6 +50,7 @@ function selectMatch(el) {
     el.style.borderColor = '#52b788';
     el.style.background = '#f0faf4';
     document.getElementById('match_idx_input').value = el.dataset.idx;
+    document.getElementById('selected-name').textContent = el.dataset.name;
 }
 </script>
 {% endblock %}